• 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!!