5. Polylignes (suite) - La Terre n'est pas plate#
Date de publication initiale : 22 août 2008
L'API Google Maps v2 est dépréciée depuis le 19 mai 2010.
Introduction#
Les options sont parfois nécessaires pour personnaliser les affichages. Ici nous verrons comment ajouter des options aux polylignes pour simuler les vols d'une compagnie aérienne.
Initialisation#
Pour ce tutoriel, nous partirons de la carte définie dans le second tutoriel et alimenterons la fonction initialize()
.
Création des points#
Tout d'abord, définissons les villes :
Puis les icônes - une image est définie par son pictogramme ainsi que par son ombre et un placement en pixel par rapport à sa taille :
Puis les marqueurs :
Création des vols#
Pour créer les polylignes, il faut définir le vol :
puis les options des polylignes - notamment l'option 'geodesic' pour suivre la courbure de la Terre :
et enfin les polylignes - couleur en héxadécimal #RRGGBB, largeur en pixel, opacité entre 0 et 1 - pour les options :
Affichage des marqueurs et des polylignes#
Enfin nous affichons les marqueurs et les polylignes sur la carte grâce à la méthode addOverlay :
Code complet#
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
|
Démonstration#
Info
Le serveur hébergeant la démonstration n'étant plus disponible depuis de nombreuses années, la démonstration, autre fois intégrée en iFrame est désactivée.
<iframe src="http://88.191.142.86/fabien/geotribu/tuto/gmaps-v2/tuto5.html" height="350px" width="100%"></iframe>
Remarques#
Il est possible de générer l'ombre de l'icône du marqueur en ligne à cette adresse : Google Maps API Icon Shadowmaker. L'option 'geodesic' permet de visualiser une polyligne en suivant la courbure de la Terre.
Conclusion#
Il existe de nombreuses options sur les marqueurs et les polylignes - ici comment simuler la courbure de la Terre et afficher le plus court chemin entre deux points par une simple option. Toutes les options des 'overlay' sont disponibles à cette adresse - http://code.google.com/intl/fr/apis/maps/documentation/reference.html.
Auteur#
Fabien Goblet#
Informaticien et géographe de formation, je suis j'étais indépendant en base de données, webmapping, j'aide à la modélisation et à la définition du besoin client, je développe j'encadre le développement des interfaces d'administration et des carto-web, je conçois des api géographiques pour les administrations, les ONG, les labos de recherche. Je suis maintenant responsable de l'innovation chez Sogefi. Toujours des cartes et des données qui ont besoin de communiquer. Nous avons une spécialité dans les données foncières et de leur représentation à destination des administrations.
J'aime comprendre les données et en faire quelquechose ; du coup je fais pas mal de veille techno sur tout ce qui touche aux technologies web de dataviz - carto ou non.
J'ai une préférence pour les technologies libres. Tout ce qui touche aux interactions hommes-machines avec des technos comme Kinect, Arduino, Raspberry, les imprimantes 3d ou les machines de découpe laser, les caméras 360° me passionne. Et j'essaie de les utiliser dans le cadre du travail.
Commentaires
Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.
Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International