[...] ) GLog.write('Les propriétés de ces 2 objets ont les mêmes valeurs'); </script> distanceFrom() Jusqu’à la version 2.89 de l’Api google map, la signature de la méthode distanceFrom était : distanceFrom(Other: GLatLng). Depuis la version 2.89, sa signature est : distanceFrom(other:GLatLng, radius?:Number) . La métode distanceFrom() retourne la distance (à vol d’oiseau) en mètres entre 2 points donnés. Par défaut, [...]

[...] Un objet de type GSize représente la taille en pixel d’un élément rectangulaire sur la carte. Ses 2 propriétés sont la largeur (width) et la hauteur (height). NB: bien que ces 2 propriétés soient accessibles (en lecture et écriture), google recommande de créer un nouvel objet GSize lorsque l’on souhaite modifier la taille d’un élément plutôt que de changer directement ces valeurs. Accès direct aux méthodes et aux [...]

[...] Object() retourne un objet de type GDraggableObject utilisé au sein de la carte. Cette méthode est disponible depuis la version 2.93 de l’Api google map. <script type="text/javascript"> var map = new Gmap2(document.getElementById('map')); /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map */ map.setCenter(new GLatLng(48.8566667, 2.3509871), 13); /* Affichage de la carte centrée sur Pa [...]

[...] Les méthodes liées aux types de carte (map Types) permettent de lire, de modifer et d’ajouter des types de carte à votre google map. Accès direct aux méthodes: getmapTypes getCurrentmapType setmapType addmapType removemapType getmapTypes() La méthode getmapTypes() retourne un tableau de type GmapType comprenant l’ensemble des propriétés des objets GmapType enregistrés dans la carte. <script type="text/javascript"> [...]

[...] La méthode GLog.write permet de tracer les événements sur votre application google map, notamment en phase de développement. Plutôt que d’utiliser le classique alert() pour débugger vos scripts, la méthode GLog.write ouvre une fenêtre contextuelle sur votre page qui affiche une liste de messages qui peut s’avérer utile pour le débuggage de votre application. Par exemple, si par curiosité vous souhaitez savoir quelles métho [...]

[...] zoom positif et zoom négatif. GLargemapControl3D() Le constructeur GLargemapControl3D() ajoute la dernière version des boutons de contrôle de la google map : le bouton multidrectionnel, zoom positif et lezoom négatif ainsi qu’une barre de zoom progressif. Si l’espace disponible sur la carte ne permet pas d’afficher cette barre, seuls les deux boutons zoom + et zoom - appraîtront. GSmallZoomControl3D() Le constructeur GS [...]

[...] ont représentés par le paramètre [options]. GSize(width,height) L’objet GSize définit la taille de l’élément html qui contiendra la google map. Si cet élément a une taille différente, celui-ci sera redimensionné avec les dimensions déclarées dans GSize. Width et height attendent des entiers qui représenteront les dimensions en pixels. Si l’argument GSize n’est pas renseignée, la map aura la taille de l’ [...]

[...] Voici la liste des fonctions et méthodes de la classe Gmap2. Il s’agit de la classe principale de l’Api google map. NB: Les paramètres entre crochets sont optionnels. Voir aussi : controls, types de carte, état de la carte, modifier l’état de la carte, overlays, info window [bientôt en ligne], conversions des coordonnées [bientôt en ligne], rotation [bientôt en ligne], événements [bientôt en ligne]. Ac [...]

[...] Dans cette section, nous allons évoquer les différentes fonctions et classes de l’Api google map. Elle est dédiée aux personnes néophytes ou expérimentées souhaitant savoir comment utiliser telle ou telle méthode. Pour une vision plus complète et plus large de l’utilisation de l’Api google map, rendez-vous sur la page google map et consultez directement le thème qui vous intéresse. Ces différentes méthodes et classe [...]

[...] Voir aussi : comment récupérer les coordonnées GPS d’une adresse. Voici un outil développé avec l’api google map. Cet outil permet de récupérer les coordonnées géographiques d’un point à partir de son adresse en l’utilisant l’api google. Il existe d’autres moyens de récupérer ces coordonnées , notamment en développant un script qui appelle l’api google map. Cette méthode peut s’avére [...]

[...] Une fois votre clé d’authentification récupérée, nous allons voir comment installer google map. Pour se faire, vous devez tout d’abord faire l’appel au script javascript avec votre clé d’authentifaication en paramètre. Ensuite, créer un div avec un id (ici id=”mapG1″) Faire le script d’appel à l’api google map code basique de chargement de la google map Avec le code d’appel ci-dessu [...]

[...] Pour obtenir une clé google map, vous devez au préalable disposer d’un compte google. Une fois votre compte créé, vous pourrez alors faire une demande de clé google map. Vous serez invité(e) à accepter les conditions générales d’utilisation puis à saisir l’url du site pour lequel la clé google sera utilisée. Le code généré par google est à insérer dans l’entête de chaque page de votre site qui utilisera l [...]

[...] L’api Yahoo map permet, comme l’api google map, d’intégrer des cartes interactives au sein de son site web. A noter que son utilisation est limitée à 50.000 requêtes par jour. > Dans un premier, voici comment insérer l’api Yahoo map sur son site web. > Différents panneaux de contrôle peuvent être insérés sur Yahoo! map. Pour cela, il suffit de les appeler dans les méthodes de construction de la map. > Ici, voyez [...]

[...] Sur cette page, retrouvez différents articles, exemples et autres conseils concernant l’implémentation de l’api google map sur un site web. > Dans un premier temps, voyons comment récupérer une clé google map. > Après vous être authentifié auprès de google, apprenons comment installer google map sur son site. > A cette étape, nous obtenons une simple carte centrée sur un point. Voyons comment ajouter un marker et les pannea [...]

[...] Après avoir récupéré une clé d’authentification et avoir fait notre premier appel à l’api google map, nous allons maintenant ajouter deux éléments sur la carte, à savoir: Les panneaux de contrôles (zoom et types de vues) Un marker personnalisé centré sur Brest avec son infobulle Le code javascript demeure très similaire au précédent. Nous allons juste ajouter les panneaux de contrôles avec 2 lignes de code et une fon [...]