• User Attivo •

    Modificare puntini in Google Maps

    Salve ragazzi, vorrei modificare il segnaposto dello script inserendo al posto del pallino rosso un immagine personalizzata, solo che cercando nella rete non sto riuscendo a trovare la soluzione giusta.
    Posto il codice attuale.

    <script type="text/javascript">
    //<![CDATA[
    function load() {
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setUIToDefault();
    //map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    /zoom box, in basso a dx/
    map.addControl(new GOverviewMapControl(),
    new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(9, 9)));
    map.setCenter(new GLatLng(39.66666,18.1888595), 13);
    var infoTabs = [
    new GInfoWindowTab("Descrizione", "Bla bla bla bla bla."),
    new GInfoWindowTab("Info", "chiama ...............")
    ];

    // Place a marker in the center of the map and open the info window
    // automatically
    var marker = new GMarker(map.getCenter());
    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowTabsHtml(infoTabs);
    });
    map.addOverlay(marker);
    marker.openInfoWindowTabsHtml(infoTabs);
    }
    }

      //]]>
      </script>

  • User Attivo •

    Questa è la sezione PHP, mentre le google map api sono sviluppate in JavaScript.
    Comunque, per applicare un'icona personalizzata devi fare questa modifica al codice:

    
    var icona = new GIcon();
    icona.image = "images/icona.gif";
    icona.shadow = "images/ombra.gif";
    icona.iconSize = new GSize(16, 16);
    icona.shadowSize = new GSize(18, 18);
    icona.iconAnchor = new GPoint(8, 8);
    icona.infoWindowAnchor = new GPoint(8, 1);
                
    var marker = new GMarker(map.getCenter(), {icon:icona});
    
    ```Ciao!

  • User Attivo •

    Scusami per aver sbagliato sezione :x, vorrei chederti ma il codice da te postato dove va messo?

    Grazie ancora.


  • User Attivo •

    Lo devi sostituire a questo punto:

    
    // Place a marker in the center of the map and open the info window
      // automatically
      var marker = new GMarker(map.getCenter());
    
    

  • User Attivo •

    Grazie!!