è un po' lungo quindi forse è meglio metterlo nella cartella js.
nellindex.php all'intero dell'head
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../js/mappa.js"></script>
mappa.js
var initialize = function() {
//latitudine e longitudine di un marker
var latlng = new google.maps.LatLng(xxxx,xxxx);
//latitudine e longitudine di un'altro marker
var latlng2 = new google.maps.LatLng(xxxx,xxxx);
//latitudine e longitudine dove centare la mappa
var latlng3 = new google.maps.LatLng(xxxx,xxxx);
var options = {
//quantità di zoom
zoom: 15,
center: latlng3,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
//posiziono il primo marker se non si mette icon mette il segnalino rosso
var marker = new google.maps.Marker(
{
position: latlng,
map: map,
//icon: 'http://google-maps-icons.googlecode.com/files/country.png',
flat: true
}
);
//Inserisco le info della nuvoletta del primo marker
var tooltip = '<div id="tooltip">'+
'<p><strong>PINCO PALLINO</strong><br>'+
'via Verdi, 5<br>'+
'ROMA<br>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: tooltip
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
//posiziono il secondo marker
var marker2 = new google.maps.Marker(
{
position: latlng2,
map: map,
//icon: 'http://google-maps-icons.googlecode.com/files/country.png',
flat: true
}
);
//Inserisco le info della nuvoletta del secondo marker
var tooltip2 = '<div id="tooltip">'+
'<p><strong>PINCO PALLINO</strong><br>'+
'via Verdi, 5<br>'+
'ROMA<br>'+
'</div>';
var infowindow2 = new google.maps.InfoWindow({
content: tooltip2
});
google.maps.event.addListener(marker2, 'click', function() {
infowindow2.open(map,marker2);
});
}
window.onload = initialize;
all'interno dell'articolo
<div id="map" style="width: 450px; height: 400px"> <script src="../js/mappa.js"></script></div>
