Incorporar o código do mapa do Google em HTML com marcador

Tenho vários lugares com a sua latitude e longitude. Quero mostrá-los no google map. Tudo bem,o que eu não posso é exibir o marcador na posição específica, longa.

por exemplo, se eu tiver o seguinte código, é possível apenas colocar uma opção para mostrar o mercado também porque todos os lat, coord longo estão a vir de uma base de dados e ecoou com php 

<iframe width="425" height="350" frameborder="0" scrolling="no" 
        marginheight="0" marginwidth="0" 
        src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;
        output=embed"></iframe>
        <br />
        <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722
                  &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed"
               style="color:#0000FF;text-align:left">View Larger Map
               </a>
        </small>
Author: SALAMAT Med Ayman, 2012-05-02
Source

5 answers

O elemento que postou parece que é apenas copiado da funcionalidade do Google Maps embed.

Se quiser deixar cair marcadores para os locais que tem, terá de escrever algum JavaScript para o fazer. Também estou a aprender a fazer isto.

Confira o seguinte: https://developers.google.com/maps/documentation/javascript/overlays

Tem vários exemplos e amostras de código que podem ser facilmente reutilizadas e adaptadas para se ajustarem à sua corrente problema.

 11
Author: zigzag, 2012-05-02 14:39:49
Eu sugeriria desta forma, uma linha iframe. não é necessário nenhum javascript. Interrogado ?q=, 

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>
 41
Author: naren, 2015-07-07 06:59:34
Aprender a biblioteca JavaScript do Google é uma boa opção. Se não lhe apetecer entrar na codificação, poderá achar que Maps Engine Lite é útil.

É uma ferramenta recentemente publicada pelo Google, onde pode criar os seus mapas pessoais (criar marcadores, desenhar geometrias e adaptar as cores e estilos).

Aqui está um tutorial útil que encontrei: Dica Rápida: Incorporar Novos Mapas Do Google
 6
Author: linqu, 2013-11-19 08:08:27

Não são necessárias 'ferramentas' de javascript ou de terceiros, use isto: 

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe>

O parâmetro local fornece o marcador

Existem algumas opções para o formato do parâmetro' q '

Certifique-se de que tem a API do Google Maps incorporada e a API do Static Maps activadas nas suas APIs, ou a google bloqueará o pedido

Para mais informações, verifique aqui

 3
Author: uofc, 2015-08-04 19:44:36

USE isto, não se esqueça de obter uma chave do google api de

Https://console.developers.google.com/apis/credentials

E substitui-o 

    <div id="map" style="width:100%;height:400px;"></div>

<script>
function myMap() {

var map = new google.maps.Map(document.getElementById("map"), mapOptions);
  var myCenter = new google.maps.LatLng(38.224905, 48.252143);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {center: myCenter, zoom: 16};
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({position:myCenter});
  marker.setMap(map);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=myMap"></script>
 1
Author: masoud Cheragee, 2018-06-07 09:26:32