De belles icônes pour afficher proprement son kml dans Google Maps
Par Sy le 6 décembre 2007 (jeudi), - Lien permanent
Si tu utilises n'importe quelle icône dans un fichier kml que tu souhaites afficher dans Google Maps, le résultat risque d'être assez moche : tu auras droit à de magnifiques affichages pixelisés et déformés de la très jolie icône que tu avais amoureusement fabriquée. Deux solutions te sont proposées :
- Si tu tiens absolument à ton icône, arrange toi pour qu'elle soit carrée (quitte à l'élargir et à la doter d'un fond transparent) et suffisamment grande. 32x32px est un minimum. Utilises bien les paramètres du tag
<icon>
dans la rédaction de ton kml - Si tu es un peu plus souple, choisi parmi les icônes fournies par Google dans les répertoires
http://maps.google.com/mapfiles/kml/
, elles sont retraitées par Google Maps qui en fait des images en SVG propres (et ombrées). Pour t'aider un peu, dans cette solution, voici quelques trucs pour trouver l'icône de tes rêves...
Les grandes icônes de paddle & shapes
Démarrons simple, les grosses icônes (64x64 px) des répertoires paddle et shapes
. Elles sont rendues telle quelle par Google Maps.
Les icones de base
l'url est de la forme http://maps.google.com/mapfiles/kml/paddle/codecouleur-blank.png
, avec les codes couleurs suivants : red
(rouge), orange
, ylw
(jaune), grn
(vert), ltblu
(cyan), blu
(bleu), purple
(violet), pink
(rose), wht
(blanc).
Pour ceux qui préfèrent, des punaises sont disponibles en utilisant des url de la forme http://maps.google.com/mapfiles/kml/pushpin/codecouleur.png
avec les mêmes codes couleurs.
Les dérivés avec symboles
Avec un cercle (circle
), un carré (square
), un losange (diamond
), une étoile (stars
) au milieu http://maps.google.com/mapfiles/kml/paddle/codecouleur-codeforme.png
Ne pas oublier également les deux symboles utilisés pour les itinéraires : go.png
et pause.png
(stop étant obtenu par red-square
). Il ne sont disponible que dans leur couleur de base (vert pour go et jaune pour pause).
Des chiffres et des lettres
Ceux-là
ne sont malheureusement disponibles qu'en deux couleurs : rouge en
couleur de base et bleu si on veut. Le code "lettre" va évidemment de A à Z et de 0 à 10. L'ajout de -ugc
permet d'obtenir la couleur bleue.
L'url est de la forme : http://maps.google.com/mapfiles/kml/paddle/codelettre(-ugc).png
Divers et variés
Enfin, il existe des tas d'autres formes que je ne prétends pas lister ici. Elles se trouvent en général dans le répertoire shapes
: http://maps.google.com/mapfiles/kml/shapes/codeforme.png
Ci-dessous, les formes target
, golf
, info-i
, info
, star
, trail
, polygon
Les autres icônes dans pal 2, 3, 4 et 5
Soit que les équipes n'aient pas eu le temps de créer les svg équivalents, soit que ça ne fasse pas partie des objectifs, les icônes des répertoires pal2
, pal3
, pal4
et pal5
n'apparaitront pas dans Google Maps sous leur forme originale.
Par exemple, l'utilisation dans ton kml de n'importe laquelle des deux icônes suivantes :
donnera quoi qu'il arrive
Du coup, celles-ci sont un peu plus délicates à utiliser. Pour t'y aider, j'ai fait une carte kml / Google Maps spéciale qui les fait apparaitre toutes :
Ca reste quand même une bonne méthode pour découvrir les icônes disponibles dans shapes
...