Nel codice di visualizzazione della nostra prima mappa avevamo richiamato la funzione JavaScript di inizializzazione della mappa direttamente nel tag body della pagina in questo modo:
<body onload="initialize()" onunload="GUnload()">
Per evitare di dover sporcare il tag body con il codice delle mappe, possiamo in modo del tutto equivalente definire nella funzione renderJS del codice JavaScript che va ad assegnare all’evento window.onload il nome della nostra funzione.
Basterà inserire nella funzione che già abbiamo scritto le due righe evidenziate:
function renderJS(){
echo "
<script src=\"http://maps.google.com/maps?file=api&v=2&key=". $this->apikey ."&sensor=false\" type=\"text/javascript\">
</script>
";
echo "
<script type=\"text/javascript\">
window.onload = initialize;
window.onunload = GUnload;
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById(\"map_canvas\"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.setUIToDefault();
}
}
</script>
";
}
Ovviamente ricordatevi di togliere gli eventi dal tag body.
Verifichiamone il funzionamento e andiamo avanti.
