Ciao a tutti,
volevo creare una mappa come: www.pienorisparmio.it
in cui, clikkando sui loghi o descrizioni nel riquadro a destra, si fa apparire sulla mappa la finestra con le informazioni.
Per creare la mappa e i marker clikkabili, nessun problema.
Il problema è far apparire la finestra con le informazioni, clikkando su un link all'esterno della mappa.
Questa è la pagina di prova:
http://www.bedandbreakfastbrescia.com/googlemap.htm
e questo il relativo codice:
In teoria, clikkando su "Mostra prima descrizione", dovrebbe apparire la descrizione relativa al primo marker sulla mappa... ma purtroppo qualcosa non funzionacodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(45.46205707250824, 9.18731689453125), 13); // Create our "tiny" marker icon var icon = new GIcon(); icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png"; icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; icon.iconSize = new GSize(12, 20); icon.shadowSize = new GSize(22, 20); icon.iconAnchor = new GPoint(6, 20); icon.infoWindowAnchor = new GPoint(5, 1); // Creazione del Primo marker var point1 = new GLatLng(45.46181627178451, 9.179935455322266); var marker1 = new GMarker(point1, icon); var html1 = "Prima Descrizione"; map.addOverlay(marker1); GEvent.addListener(marker1, "click", function() { marker1.openInfoWindowHtml(html1); }); // Creazione del Secondo Marker var point2 = new GLatLng(45.46157547003231, 9.192895889282227); var marker2 = new GMarker(point2, icon); var html2 = "Seconda Descrizione"; map.addOverlay(marker2); GEvent.addListener(marker2, "click", function() { marker2.openInfoWindowHtml(html2); }); } } //]]> </script> <script type="text/javascript"> // Questa funzione visualizza una descrizione passata come variabile "id" function myclick(id){ marker[id].openInfoWindowHtml(htmls[id]); } </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" class="content" style="width: 718px; height: 500px"></div> Mostra prima descrizione Mostra seconda descrizione </body> </html>
Qualche suggerimento?
Grazie a tutti in anticipo
Rispondi quotando
