79 votes

Javascript, Changement de carte google marqueur de couleur

Je connais un moyen de changer la Carte de Google, la couleur de marqueur via Javascript.. je suis nouveau à cela et toute aide serait grandement apprécié, Merci.

J'ai utilisé le code suivant pour créer un marqueur

 marker = new google.maps.Marker({
     position: new google.maps.LatLng(locations[i][1], 
     locations[i][2]),
     animation: google.maps.Animation.DROP,
     map: map
 });

178voto

jsalonen Points 9651

Dans l'API Google Maps v3, vous pouvez essayer de changer l'icône des repères. Par exemple, pour l'icône verte utiliser:

marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

Ou dans le cadre de marqueur init:

marker = new google.maps.Marker({
    icon: 'http://...'
});

D'autres couleurs:

Etc.

40voto

Bahadır Points 1241

Vous pouvez utiliser l' strokeColor de la propriété:

var marker = new google.maps.Marker({
    id: "some-id",
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        strokeColor: "red",
        scale: 3
    },
    map: map,
    title: "some-title",
    position: myLatlng
});

Voir cette page pour d'autres possibilités.

16voto

khurram Points 467

Vous pouvez utiliser ce code, il fonctionne très bien.

 var pinImage = new google.maps.MarkerImage("http://www.googlemapsmarkers.com/v1/009900/");<br>

 var marker = new google.maps.Marker({
            position: yourlatlong,
            icon: pinImage,
            map: map
        });

http://www.googlemapsmarkers.com/v1/COLOR/
Lorsque la COULEUR est la couleur que vous voulez comme un RGB hexadécimal nombre
voir l'Exemple ici

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X