Home / Programmazione / Javascript - AJAX / Marker personalizzato su Google Maps
Mattepuffo

Marker personalizzato su Google Maps

Marker personalizzato su Google Maps

Ho visto che sempre più spesso viene richiesto come impostare un marker personale sulla mappa di google.

Ed in effetti anche io l'ho dovuto fare per il sito aziendale.

Vediamo quindi come fare usando Javascript.

La questione è, in verità, molto semplice.

 

Vi posto una parte della funzione che uso:

function createMap(address) {
            ...............................................................
            var markerImage = 'images/marker.png';
            var map = new google.maps.Map(document.getElementById('map'), options);
            var marker = new google.maps.Marker({
                position: results[0].geometry.location,
                map: map,
                icon: markerImage
            });
        }
    });
}

Ho levato tutta la parte di configurazione iniziale (le opzioni) che non ci servono allo scopo.

Come vedete, appena sopra la creazione dell' oggetto Map ho creazo una variabile con il percorso all'immagine.

Poi sotto ho creato un oggetto Marker nel metodo classico, ma tra le opzioni ho messo il parametro icon indicandogli la varibile con il percorso.

Molto easy quindi!