web-dev-qa-db-fra.com

Icônes Google Map avec VisualRefresh

Comment puis-je utiliser les "nouvelles" icônes par défaut pour Google maps lors de l'utilisation du paramètre VisualRefresh?

L'icône par défaut est: http://mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1

Les anciennes adresses ressemblaient à ceci: http://maps.google.com/mapfiles/marker_green.png , mais l'utilisation des nouvelles et anciennes icônes dans la même carte ne semble pas bonne.

google-mapsgoogle-maps-api-3visual-refresh
39
leochab

Je n'ai pas de liste officielle, mais j'ai fait quelques recherches.

https://mt.google.com/vt/icon/text=A&psize=16&font=fonts/arialuni_t.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1

Utilisez cette URL et vous pouvez facilement changer le texte, la taille, la police et la couleur selon vos préférences,
cependant le paramètre de couleur ne changera que la couleur du texte. mais si vous changez waypoint-b.png en waypoint-a.png, vous obtenez un marqueur vert.

Liste des icônes:

Marqueurs:

Lieux:

    

    

    

    

    

    

    

   

   

   

   

Trafic:

Divers:

Regardez les URL et notez le L qui peut également être S ou M, notez le _v_ et _search_ dans les noms.
Sur les icônes de transit, vous pouvez remplacer large par tiny, mini et small.

Il y en a probablement plus. mais c'est tout ce que j'ai trouvé jusqu'à présent.

92
77120

Selon la réponse de "77120", j'ai utilisé ce qui suit:

http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•

Mais bon, ce n'est pas la meilleure façon, bien que ça marche…

Donc au final mon code ressemble à:

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(46.951081, 7.438637),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

    var marker = new google.maps.Marker({
        icon: {
            url: 'http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•&scale=1'
        },
        position: new google.maps.LatLng(46.951081, 7.438637),
        title:"My Custom Marker",
        animation: google.maps.Animation.DROP
    });

    // To add the marker to the map, call setMap();
    marker.setMap(map);
}
11
Martin Schilliger