Créer un marker personnalisé

Dans cette démos de l’Api Google Map est abordée la création d’un marker personnalisé.
Il faut au préalable déclarer un objet de type MarkerImage qui contiendra toutes les informations relatives au marker personnalisé.
Ensuite, il suffira d’ajouter la propriété icon au marker auquel on veut associer cette icône personnalisée. Cette proriété icon contiendra l’objet de type MarkerImage [...]

Insérer les coordonnées d’une adresse en BDD

Dans cette démo de l’Api Google Map, nous allons voir un exemple parmi d’autres de l’utilisation de la classe Geocoder pour récupérer les coordonnées d’un point puis insérer ces dernières dans une base de données.
Pour cette application, un appel AJAX sera nécessaire pour appeler le script PHP chargé de l’insertion des coordonnées de l’adresse en [...]

Adresses au format JSON

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 [...]

Filtrer les markers par rapport à un périmètre

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 [...]

Récupérer le département ou le pays d’une adresse

Le service de geocodage : geocoder de l’api Google Map permet de récupérer les coordonnées d’une adresse ou inversement, une adresse à partir de ses coordonnées.
La réponse retournée par l’api contient plusieurs informations comme par exemple le code postal, la région, le département ou encore le pays (exemple de retour Json google Map).
Dans cet exemple, [...]

Ajouter un type de carte - V3

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 [...]

Geocodage Inversé - V3

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;
[...]

Géocoder une adresse - V3

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 [...]

Récupérer les limites de la carte - getBounds

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 [...]

Classe 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 [...]

Zoom automatique avec Fitbounds

La méthode fitBounds permet d’ajuster automatiquement le zoom de la carte afin que celle-ci affiche l’ensemble des markers de la map. Il est nécessaire de déclarer l’objet map avant l’appel à cette méthode.
Dans cet exemple, un tableau contenant des points est déclaré puis pour chacun de ces points, les limites de la carte (bounds) sont [...]

classe MVCArray

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 [...]

classe MVCObject

La classe MVCObject() est une classe implémentant le mécanisme KVO. KVO, pour Key Value Observing est un mécanisme permettant d’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 [...]