Résultats de recherche pour "google map"

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 déclaré plus haut. < [...]

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 base de données. Il faudra donc penser à créer lR [...]

Adresses au format JSON

[...] 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’API google map. Pour les adresses dont la géolocalisation aura réussie, nous étendrons les limites de la carte afin que le zoom final soit calculé automatiquement en fonction de ces points à l’aide de la classe LatLngBounds et des méthodes extend et fitBounds. NB : L’application néces [...]

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 un second picto rouge. La distance entre ces 2 p [...]

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, 2 utilisations sont abordées : Obtenir la ville, le code postal [...]

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 (ici : plan et axes routiers) via le paramètre mapTypeIds. L [...]

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; var infowindow = new google.maps.InfoWindow(); var m [...]

Géocoder une adresse - V3

[...] er 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"> /* Décl [...]

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 moment de l’événement dragend puis de récupérer les coordonnées des coins de la ma [...]

Démos Google Map V3

Démonstrations et exemples de l’utilisation de l’api google map V3 :

Classe Map V3

[...] écriture des attributs). L’objet mapTypeRegistry contient l’ensemble des types de cartes disponibles pour la vue utilisée. L’api google map consulte cet objet pour connaître les types de cartes disponibles sur la vue en cours lors de l’affichage des panneaux de contrôles par exemple (afin de proposer les boutons adéquats pour switcher entre les différents types de vue). À l’aide de cette propriété, i [...]

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 adaptées afin que le point soit visible sur la map grâce à la méthode extend [...]

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 méthodes et événements liés à ce type d’objet. Accès rapides constructeur M [...]

classe MVCObject

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

Api Google Map V3

[...] Dans cette section, retrouvez (bientôt … ) l’ensemble des classes de l’api google map Version 3 actuellement disponibles. Survolez les liens pour obtenir un aperçu des différentes méthodes et propriétés propres à chaque classe. La version 3 de l’Api est encore mise à jour régulièrement. N’hésitez pas à consulter les dernières publications à cette adresse. Documentation officielle (en anglais) de l’ [...]