Incorporar o código do mapa do Google em HTML com marcador
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&ll=-20.234496,57.603722&spn=0.093419,0.169086&t=m&z=13&
output=embed"></iframe>
<br />
<small><a href="http://maps.google.mu/?ie=UTF8&ll=-20.234496,57.603722
&spn=0.093419,0.169086&t=m&z=13&source=embed"
style="color:#0000FF;text-align:left">View Larger Map
</a>
</small>
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.
<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>
É 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 GoogleNã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
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>