Ciao
stò cercando di creare una mappa con API google.
Ho scritto questo codice:
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>
per poi inserire la mappa il :
<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....