Aggrégat de rates and reviews not implemented yet

2009-08-20 à 22:30:44

Comprendre les longitude/latitude pour les utiliser dans Google Maps

N'importe quelle position sur Terre peut s'exprimer sous la forme d'un jeu de coordonnées exactement comme on peut localiser un point sur une carte grâce à des coordonnées x,y. On parle de latitude et de longitude. Tout fonctionne comme si la longitude s'apparentait à l'axe des abscisses (x- coord) et la latitude à l'axe des ordonnées (y-coord). Comme on travaille sur une sphère on exprime longitude et latitude en degrés d'angle. Pour la longitude, la valeur de référence est le méridien de Greenwich (0°) tandis que l'équateur joue ce même rôle pour la latitude (0°).

Longitude

Parlons de la longitude d'abord. Elle peut varier donc à gauche ou à droite du méridien de Greenwich, soit à l'ouest (gauche) ou à l'est (droite) du méridien. Lorsqu'on dit que la longitude est de 30° E (Est) cela veut donc dire qu'on s'est déplacé vers la droite de 30° sur le globe terrestre (on est à hauteur de la Turquie) ; lorsqu'on parle d'une longitude de 60° E, on est à la «  hauteur  » du Kazakhstan, de l'Iran, de l'Ouzbékistan (un peu plus loin que la mer Caspienne). Inversement, si on parle de longitude de 30° O (Ouest), on se déplace vers la gauche : on est en plein océan Atlantique à 30° Ouest ! Avec 60° de longitude Ouest, on est en Guyane, au Brésil, en Bolivie, au Paraguay ou en Argentine !

Latitude

Passons maintenant à la latitude. À l'instar de notre développement pour la longitude, on se déplace soit vers le haut du globe terrestre soit vers le bas du globe terrestre. On parle de parallèles ! La base de départ étant l'équateur, 30° Nord de latitude effectue un déplacement vers le haut ; 30° Sud nous pousse vers le bas. 30° Nord nous fait passer par le Maroc, l'Algérie, La Lybie, l'Egypte, … En Belgique, nous sommes grosso modo à 50° Nord en latitude.

Google Maps

Donc, avec une latitude et une longitude … nous devrions être capables de nous localiser en Google Maps. FastWrite est localisé à la longitude/latitude suivante : 4.4547200,50.8633700. La seule chose qui nous soit indispensable est de pouvoir utiliser ces coordonnées dans la syntaxe requise par Google Maps.

    http://maps.google.com?staticmap¢er=50.8633700,4.4547200&\
    key=<VOTRE CLEF GOOGLE MAPS>&sensor=false&size=512x512&zoom=13

… est le « holy grail » pour obtenir la carte suivante :

Voyons cela un peu plus dans le détail. Il faut que vous ayez une clef Google Map pour demander à Google de vous fournir une carte : c'est votre pass ! Vous pouvez demander une clef en vous rendant sur la page Sign Up for the Google Maps API.

Bien ... supposons que vous ayez reçu la clef suivante : ABQIABBA1AGHyNJgAQdf5em_N0YhiBRYMuLq5hxNwXbVVGsLZrQOEtTX3BQci-YdC84ISJZ9iIBOrpdgr-xsxA. Dès lors vous allez pouvoir utiliser le code qui suit pour obtenir une carte centrée, par exemple, sur les coordonnées 50,4 :

<img src="http://maps.google.com/staticmap?center=50,4&markers=50,4,green&zoom=13&size=750x300&\
    maptype=satellite&key=ABQIABBA1AGHyNJgAQdf5em_N0YhiBRYMuLq5hxNwXbVVGsLZrQOEtTX3BQci-YdC84ISJZ9iIBOrpdgr-xsxA&\
    sensor=false" width="750" height="300" alt="Carte Google" />

Voilà exactement le genre de code qui est créé par Vae Soli! si vous avez spécifié les éléments indispensables dans une île de type LSContentsBusinessCoordinates comme le suggère l'exemple ci-dessous :

<Island id="coordinates" active="yes" class="LSContentsBusinessCoordinates">
    <param name="business-name"          ><![CDATA[FastWrite]]></param>
    <param name="business-legal-form"    ><![CDATA[scrl]]></param>
    <param name="business-address"       ><![CDATA[Rue Amédé Bracke, 9 à 1950 Kraainem - Belgique]]></param>
    <param name="business-lon"           ><![CDATA[4.4547200]]></param>
    <param name="business-lat"           ><![CDATA[50.8633700]]></param>
    <param name="google-map-api-key"     ><![CDATA[ABQIABBA1AGHyNJgAQdf5em_N0YhiBRYMuLq5hxNwandBlablabla]]></param>
    <param name="google-map-size"        ><![CDATA[450x300]]></param> 
    <param name="google-map-zoom"        ><![CDATA[14]]></param> 
    <param name="google-map-type"        ><![CDATA[roadmap]]></param> 
    <param name="google-map-marker-color"><![CDATA[red]]></param>
    <param name="business-phones"        ><![CDATA[Téléphone : +32 (0)720.82.28]]></param> 
    <param name="business-vat"           ><![CDATA[BE0435.878.507]]></param>
</Island>



< Février 2012 >
Lu Ma Me Je Ve Sa Di
    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        
lifetime-episode

Nos autres articles

  1. Articles
    1. /articles-core.php
    2. /articles/core/MiFID/index.php
    3. /articles/core/SEPA/index.php
    4. /articles/core/accessibility-seo/index.php
    5. /articles/core/accessible-popups/index.php
    6. /articles/core/ajax/index.php
    7. /articles/core/blogs/index.php
    8. /articles/core/business-case/index.php
    9. /articles/core/closure-report/index.php
    10. /articles/core/cmmi/index.php
    11. /articles/core/css/index.php
    12. /articles/core/doctype/index.php
    13. /articles/core/dynamic-input/index.php
    14. /articles/core/dynamic-theme/index.php
    15. /articles/core/effort-de-gestion-de-projet/index.php
    16. /articles/core/error-handling-404/index.php
    17. /articles/core/estimations-programmeurs/index.php
    18. /articles/core/expressions-regulieres-php/index.php
    19. /articles/core/gestion-des-couleurs/index.php
    20. /articles/core/glossary/index.php
    21. /articles/core/ideal-team-duration/index.php
    22. /articles/core/image-transition/index.php
    23. /articles/core/inline-javascript/index.php
    24. /articles/core/investir/index.php
    25. /articles/core/it-budget/index.php
    26. /articles/core/javascript-animation/index.php
    27. /articles/core/junctions/index.php
    28. /articles/core/les-malheurs-IT/IT-soumis-business.php
    29. /articles/core/limites-de-la-croissance/club-de-rome.php
    30. /articles/core/link-rel-canonical/eviter-duplication-url-canonique.php
    31. /articles/core/link-rel/index.php
    32. /articles/core/meetings/index.php
    33. /articles/core/pack-and-go/index.php
    34. /articles/core/pageframe-tabs/index.php
    35. /articles/core/phases-de-projet/index.php
    36. /articles/core/php-server-variables/index.php
    37. /articles/core/pre-business-case/index.php
    38. /articles/core/project-management/principes-de-gestion-de-projet.php
    39. /articles/core/project-typology/index.php
    40. /articles/core/pso/index.php
    41. /articles/core/requirements management/index.php
    42. /articles/core/risk management/index.php
    43. /articles/core/rss/index.php
    44. /articles/core/scrum/index.php
    45. /articles/core/search-engine-optimization/accessibility-guidelines.php
    46. /articles/core/sepia/index.php
    47. /articles/core/sponsorship-meeting/index.php
    48. /articles/core/stylesheet-switching/index.php
    49. /articles/core/v-model/index.php
    50. /articles/core/vaesoli-transform-images/index.php
    51. /articles/core/wiki/index.php
    52. /articles/core/xhtml-tooltips/index.php
    53. /articles/core/xml-sitemap/index.php