Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,630

    2 Mappe sul proprio sito

    carissimi,
    dovrei mettere sul sito di un mio cliente che ha + sedi, 2 mappe google naturalmente con coordinate diverse, una sola la so inserire, ma 2 o + non saprei come fare
    Ecco i codice che utilizzo (non ho inserito volutamente qui lo script della key)
    codice:
     <script type="text/javascript">
        //<![CDATA[
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(coord, coord), 16);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
    		function createMarker(point, description) {
    			var marker = new GMarker(point);
    			GEvent.addListener(marker, "mouseover", function() {
       				marker.openInfoWindowHtml(description);
    			});
    			return marker;
    		}
    		// Aggiungi il marker alla mappa
    		map.addOverlay(
    			createMarker(new GLatLng(coord, coord), "<font face='Verdana' size='2' color='#000000'>AZIENDA
    Nuovo punto vendita:
    Via sede ,221
    20100 - MILANO</font>")
    		);
          }
        }
        //]]>
        </script>
    e poi lo richiamo così:
    codice:
    <div id="map" ALIGN="center" style="width: 753px; height: 301px">
    				
    
    
    
    
    
    
    
    
    
    
    				<font face="Tahoma" size="1" color="#FFFFFF">caricamento mappa in corso...</font></div>
    Grazie per l'aiuto.
    G.

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    154
    Basta che aggiungi una nuova funzione come questa(in grassetto rosso le modifiche).

    "var map2" è semplicemente una variabile che conterrà l'oggetto mappa.
    "[...]ById("map2")" è l'id di un altro div uguale a quello di prima

    codice:
     
    <script type="text/javascript">
        //<![CDATA[
        function load2() {
          if (GBrowserIsCompatible()) {
            var map2 = new GMap2(document.getElementById("map2"));
            map.setCenter(new GLatLng(coord, coord), 16);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
    		function createMarker(point, description) {
    			var marker = new GMarker(point);
    			GEvent.addListener(marker, "mouseover", function() {
       				marker.openInfoWindowHtml(description);
    			});
    			return marker;
    		}
    		// Aggiungi il marker alla mappa
    		map.addOverlay(
    			createMarker(new GLatLng(coord, coord), "<font face='Verdana' size='2' color='#000000'>AZIENDA
    Nuovo punto vendita:
    Via sede ,221
    20100 - MILANO</font>")
    		);
          }
        }
        //]]>
    </script>
    Oltre al div con id "map" ne devi creare un altro identico con id "map2"

    EDIT: Già che ci sei dovresti passare alle Google Maps API v3, che non richiedono la key.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.