[...] 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’und: #fff; color: #d43535; border: 0px dashed #FF3A00;">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.
< [...]
[...] 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 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 [...]
[...] 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 [...]
[...] Dans l’exemple qui suit, nous utilisons la méthode getLocations de la classe GClientGeocoder de l’api Google Map.
L’avantage de cette méthode sur la méthode getLatLng est que le résultat renvoyé contient l’ensemble des points trouvés pour l’adresse passée en paramètre et non le point jugé le plus pertinent, point qui ne correspond pas toujours aux attentes de l’utilisateur.
La problématique approchée [...]
[...] rlay(overlays : GOverlay).
La méthode addOverlay permet d’und: #fff; color: #d43535; border: 0px dashed #FF3A00;">ajouter un élément sur la carte. C’est cette méthode qui est utilisée pour und: #fff; color: #d43535; border: 0px dashed #FF3A00;">ajouter un marker sur la map par exemple.
Lorsque que cette méthode est appelée, l’événement addoverlay [bientôt en ligne] est déclenché.
<script type="text/javascript">
var map = new GMap2(document.getElementById('map'));
/* Ici, nous déclarons l'élément html ayant pour [...]
[...] hotosOptions
GTrafficOverlay
GTrafficOverlayOptions
GTravelModes
GXml
GXmlHttp
GXslt
Exemples
récupérer une clé google map
installer google map
und: #fff; color: #d43535; border: 0px dashed #FF3A00;">ajouter un marker
récupérer les coordonnées gps d’une adresse
récupérer une adresse à partir de ses coordonnées
afficher des placemarks au format JSON
privilégier une zone de recherche avec la classe GClientGeocoder
classes et méthodes de l’api Google Map
personnaliser les markers s [...]
[...] 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 [...]
[...] e Google, apprenons comment installer google map sur son site.
> A cette étape, nous obtenons une simple carte centrée sur un point. Voyons comment und: #fff; color: #d43535; border: 0px dashed #FF3A00;">ajouter un marker et les panneaux de contrôles sur la Google Map.
> Voici un outil permettant de récupérer les coordonnées géographiques d’un point à partir d’une adresse, d’un nom de ville, de pays, de département, …
> À présent, nous allons étudier les dif [...]
[...] Après avoir récupéré une clé d’authentification et avoir fait notre premier appel à l’api google map, nous allons maintenant und: #fff; color: #d43535; border: 0px dashed #FF3A00;">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 und: #fff; color: #d43535; border: 0px dashed #FF3A00;">ajouter les panneaux de contrôles avec 2 lignes de code et une fon [...]