Inserire icone personalizzate assegnandole ad un marker

Scritto da Gabriele Rocca il 01 Ago 2006 | Categoria: API How to

Su google Map è possibile assegnare una propria icona ad un marker!

Per prima cosa bisogna procurarsi delle icone da caricare sul proprio sito web.
Una volta caricata l’icona nella directory del sito bisogna inserire nella funzione che crea il marker le seguenti righe di codice:

	// definisco un array chiamato icons.
	var icons = [];

	// assegna alla variabile icons["topix"] tramite
	// la funzione GIcon l'immagine "miaicona.png"
	//(che è presente nella stessa directory del sorgente).
	icons["topix"] = new GIcon(G_DEFAULT_ICON, "miaicona.png");

	// invio alla funzione che crea il Marker come secondo
	// valore la variabile dell'icona
	var marker = new GMarker(point,icons["topix"]);

Popularity: 50% [?]


Articoli collegati

6 Risposte to “Inserire icone personalizzate assegnandole ad un marker”

  1. il 19 Ott 2006 at 3:17 pm   Lorenzo

    Ciao,
    ho trovato i tuoi “how to su googlemap” utilissimi. Ti chiedo però due chiarimenti:

    1) che tu sappia si possono variare le dimensioni dei marker?

    2) rifacendomi al tuo esempio “caricare dei marker” via xml, a tuo avviso sarebbe possibile impostare un png differente per ciascun marker dell’xml?

    Grazie Lorenzo

  2. il 19 Ott 2006 at 6:49 pm   Gabriele Rocca

    Sono contento che alcune mie informazioni ti siano state utili e che si incominci a capire lo spirito del nostro Blog.
    Rispondendo alle tue domande ti dico che si può sicuramente variare la dimensione del marker. Inoltre si può anche impostare la dimensione dell’ombra del marker. Sono anche quasi certo che si possa caricare dei marker con immagini diverse tramite un file XML.
    Nei prossimi giorni pubblicherò un post a riguardo.

  3. il 02 Nov 2006 at 4:01 pm   Gabriele Rocca

    Finalmente nel post “Tutto sulle icone di Google Maps” sono riuscito a continuare il discorso sulle icone e sui marker.

  4. il 02 Nov 2006 at 4:28 pm   Piemonte eTech: AJAX, API, WEB 2.0 e tutto quello che vorreste sapere sulle nuove tecnologie

    […] Proseguendo il cammino iniziato con le API di Googlemaps, volevo approfondire il discorso della personalizzazione delle icone. Come già visto nei post Inserire icone personalizzate assegnandole ad un marker e Caricare dei marker su Google Maps tramite XML, è possibile personalizzare i marker ed in particolare le loro icone. Sono 4 i parametri che potrete impostare in un’icona. Il modo piu semplice per farlo è definire una variabile (nel nostro caso iconaPersonale) con cui imposteremo i nostri parametri personali. Ecco le righe di codice con la spiegazione dei parametri: […]

  5. il 21 Giu 2007 at 12:27 pm   Coleporter

    Sono neofita in questione maps ed anche xml e, quindi, mi scuso per la banalità del quesito.
    Dove va inserito il listato sopra riportato e , quindi, dov’è la funzione che crea i markers?
    Grazie.

  6. il 27 Giu 2007 at 5:37 pm   Gabriele Rocca

    Ciao, il codice che ho riportato sopra deve essere inserito all’interno della funzione load () che ho scritto nel post Come aggiungere Google Maps ad una pagina Web. La funzione che crea i markers è:

    var marker = new GMarker(point,icons[”topix”]);

    per aggiungerlo alla mappa basta usare la funzione:

    map.addOverlay(marker);

    Spero di esserti stato utile.

    Un saluto Gabriele.

Scrivi un commento




Trackback URI | Comments RSS