[...] Dans cet exemple d’application, nous allons lire un fichier JSON contenant un ensemble d’adresses postales généré au préalable à l’aide d’un langage comme le PHP par exemple.
L’idée est donc de récupérer les adresses au format JSON, d’évaluer l’objet à l’aide de la fonction eval puis pour chacune de ces adresses, nous tenterons de les géolocaliser au moyen de la classe Geocoder de l’ [...]
[...] Dans cet exemple d’application, nous utiliserons principalement la méthode new google.maps.Circle ainsi qu’une fonction nommée “distance” qui se chargera de calculer la distance entre 2 points.
L’idée est donc la suivante :
Au premier click sur la map, on définit le centre du cercle. Apparaît alors un picto rouge sous forme de punaise.
Au second click, on affiche un second picto rouge. La distance entre ces 2 p [...]
[...] La méthode StyledmapType permet d’ajouter à la carte d’autres types de vues possibles.
Il faut dans un premier temps déclarer les paramètres et options du nouveau style (ici mon_style) comme par exemple featureType, elementType, ….
Lors du chargement de la carte, renseigner les différents types cartes de carte qui seront disponibles via les boutons de navigation (ici : plan et axes routiers) via le paramètre mapTypeIds.
L [...]
[...] Le service de geocodage inversé, ou encore le reverse geocoding permet de récupérer l’adresse d’un point en passant en paramètre les latitude et longitude de ce point.
Dans cet exemple, une infobulle est affichée sur le marker avec l’adresse récupérée comme contenu.
<script type="text/javascript">
/* Déclaration des variables */
var geocoder;
var map;
var infowindow = new google.maps.InfoWindow();
var m [...]
[...] Pour récupérer les coordonnées géographiques d’une adresse ou d’une ville, nous pouvons utiliser le service de geocodage : geocoder, de l’api google map.
Dans cet exemple, 2 points sont abordés :
Récupérer les coordonnées d’une adresse en affichant un marker sur la map
Supprimer les markers au fil des recherches afin de n’avoir toujours qu’un seul marker sur la carte
<script type="text/javascript [...]
[...] La méthode getBounds permet de récupérer les coordonnées des coins Nord-Est (supérieur droit) et Sud-Ouest (inférieur gauche) de la carte.
Cette méthode peut par exemple s’avérer très utile pour recharger le contenu de la map suite à un glisser / déposer. En récupérant ces coordonnées, il suffit alors de déclencher un appel ajax au moment de l’événement dragend puis de récupérer les coordonnées des coins de la ma [...]
Démonstrations et exemples de l’utilisation de l’api google map V3 :
[...] La classe map est la classe principale de l’api. Elle sert à instancier et à paramétrer une nouvelle carte. Sur cette page, vous pourrez consulter les méthodes ainsi que les propriétés et les événements liés à la classe map.
Accès rapides
méthodes
propriétés
événements
Constructeur:
constructeur map
Le constructeur map
La signature de la méthode permettant de créer la carte google est la suivante:
map(mapDiv:Node [...]
[...] La classe MVCArray() est une classe dérivée de la classe MVCObject().
NB : La plupart des classes utilisées dans l’API google map V3 sont maintenant des classes dérivées de la classe MVCObject comme par exemple la classe principale map ou encore la classe Marker.
En utilisant des objets de type MVCArray, il est alors possible d’exploiter les méthodes et événements liés à ce type d’objet.
Accès rapides
constructeur M [...]
[...] 17;observer les changements qui peuvent avoir lieu sur les valeurs des attributs d’un objet.
La plupart des classes utilisées dans l’API google map V3 sont maintenant des classes dérivées de la classe MVCObject comme par exemple la classe principale map ou encore la classe Marker.
Accès rapides
constructeur
méthodes
Constructeur:
constructeur MVCObject
Le constructeur MVCObject
Le constructeur MVCObject() est la classe de [...]
[...] régulièrement. N’hésitez pas à consulter les dernières publications à cette adresse.
Documentation officielle (en anglais) de l’api google map V3.
map
mapOptions
mapTypeId
mapTypeControlOptions
mapTypeControlStyle
NavigationControlOptions
NavigationControlStyle
ScaleControlOptions
ScaleControlStyle
ControlPosition
mapPanes
mapCanvasProjection
Overlays and map Types
OverlayView
mapType
mapTypeRegistry
Projection
ImagemapType
Im [...]
[...] s concernent les pages non encore disponibles…
Cette page fait référence aux classes google map de la version 2.x.
Les classes de l’Api google map V3 ne sont pas abordées ici.
Survolez les liens pour avoir un aperçu des méthodes et propriétés appartenant à la classe concernée.
Api google map V 2.X
Les classes
La classe principale
Gmap2
configuration
panneaux de contrôle
types de carte
informations liées à la carte
modif [...]