Ciao
stò cercando di creare una mappa con API google.
Ho scritto questo codice:
per poi inserire la mappa il :codice:<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var initialize = function() { var latlng = new google.maps.LatLng(42.745334,12.738430); var latlng1 = new google.maps.LatLng(41.745335,12.585651); var latlng2 = new google.maps.LatLng(42.745334,12.738430); var latlng3 = new google.maps.LatLng(42.745334,12.738430); var latlng4 = new google.maps.LatLng(42.745334,12.738430); var latlng5 = new google.maps.LatLng(42.745334,12.738430); var latlng5 = new google.maps.LatLng(42.745334,12.738430); var options = { zoom: 5, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map'), options); var marker = new google.maps.Marker( { position: latlng, map: map, icon: 'images/helicopter.png', flat: true } ); var marker2 = new google.maps.Marker( { position: latlng1, map: map, icon: 'images/helicopter.png', flat: true } ); var tooltip = '<div id="tooltip">'+ '[img]spoleto.jpg[/img]'+ ' Comune di Spoleto '+ 'cap: 06049 '+ 'provincia: Perugia '+ 'nazione. Italia</p>'+ '</div>'; var infowindow = new google.maps.InfoWindow({ content: tooltip }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker,marker1); }); } window.onload = initialize; </script>
<div id="map" style="width:650px; height:300px"></div>
La mappa funziona ed anche i vari puntatori.
Adesso mi sono scontrata con 2 problemi che non riesco a risolvere (anche perchè non ho grandi conoscenze di javastript) ...
1) vorrei inserire un'etichetta personalizata per ogni puntatore ... ho provato a crearne una ma non si visualizza..... e non sono riuscita a capire come crearne una personalizata per ogni puntatore.
2) Ho dei link, corrispondenti ogni link ad una posizione nella mappa (puntatore) Vorrei cliccando sul link passare le coordinate e lo zoom in modo che la mappa si posizionasse sul puntatore del link effettuando uno zoom....

Rispondi quotando