[...] Pour rendre un marker google map déplaçable sur la carte, ou encore draggable, nous ferons appel à la propriété enableDragging de l’objet GMarker. Dans un premier temps, nous créons une carte et quelques markers. Dans cet exemple, on ajoute en plus les coordonnées du marker dans l’info bulle (en cliquant sur le marker) une fois que celui-ci à été déposé. À noter que le script présenté ci-dessous ne gère que le dà [...]

[...] La classe GMenumapTypeControl donne la possibilité de créer un contrôleur sous forme de menu déroulant permettant de sélectionner et de basculer entre différents types de vues disponibles. Ce contrôleur contiendra tous les types de cartes disponibles rattachés à la carte en cours d’utilisation au moment de l’instanciation de la classe. Par défaut, les cartes supportent les vues proposées via la constante G_DEFAULT_map_TYPES [...]

[...] Un objet de type GmapTypeControl propose un contrôleur permettant de sélectionner et de basculer entre différents types de vues disponibles à l’aide de boutons affichés sur la carte. Ces contrôleurs seront disponibles pour tous les types de cartes rattachés à la carte en cours d’utilisation si ces derniers ont été déclarés au moment de la construction de la carte. Par défaut, les cartes supportent les vues proposées via [...]

[...] 17;un côté) utilisées sur le type de carte en cours. Les “tuiles” représentent chaque image dont l’ensemble constitue une carte google map (# pièce du puzzle). Ces tuiles sont toujours de forme carrée et ont pour dimensions par défaut 256 * 256 px. getTileLayers() Signature de la méthode getTileLayers : getTileLayers() . Cette méthode retourne un tableau d’objets de type GTileLayers déclarés pour le type de vue [...]

[...] nseigner des éléments de type GInfoWindowTab à une fenêtre d'information. var myTabs = [ new GInfoWindowTab('Weboblog', 'All about google map Api'), new GInfoWindowTab('google map', 'Ça se passe sur weboblog.fr') ]; /* Déclaration et remplissage d'un tableau qui contiendra nos objets de types GInfoWindowTab pour une fenêtre d'information. */ /* Ici, notre fenêtre disposera de 2 onglets. Le premier [...]

[...] n: <script type="text/javascript"> var myTabs = []; myTabs.push([ new GInfoWindowTab('Weboblog', 'Ou comment pendre en main l'Api google map'), new GInfoWindowTab('Api googlemap', 'Sur weboblog.fr') ]); // Ici nous déclarons et remplissons un tableau d'objets GInfoWindowTab // qui représenteront les onglets de la fenêtre d'information marker.openInfoWindowTabs(myTabs[0], {selectedTab: 1, maxWidth: 300}); [...]

[...] Pour personnaliser les markers sur la google map, il existe les classes GMarkerOptions et GIcon. Dans un premier temps, il faut tout d’abord créer un Marker avec la classe GMarker puis renseigner une icône personnalisée (objet de type GIcon) comme paramètre optionnel du marker (classe GMarkerOptions). Personnalisation d’un marker sur la google map <script type="text/javascript"> Cette fonction affiche un marker sur la cart [...]

[...] tions du constructeur GMarker. Accès direct propriétés: borderPadding maxZoom trackMarkers borderPadding Depuis la version 2.67 de l’Api google map. Signature borderPadding : borderPadding(type: Nombre) . Spécifie en pixels le padding extérieur de la vue courante de la carte gérée par le manager. Les markers inclus dans ce padding sont ajoutés à la carte même s’ils ne sont pas entièrement visibles. maxZoom Depuis la ve [...]

[...] eur GMarkerManager addMarkers() addMarker() refresh() getMarkerCount() changed() Constructeur GMarkerManager Depuis la version 2.67 de l’Api google map. Signature GMarkerManager : GMarkerManager(map: Gmap, opts?: GMarkerManagerOptions) . Créé une nouvelle interface de gestion de markers qui contrôle l’apparence des markers pour la map en question. addMarkers() Depuis la version 2.67 de l’Api google map. Signature addMarke [...]

[...] spose dun titre qui s'affichera au survol de ce marker */ return marker; } </script> icon Depuis la version 2.50 de l’Api google map. Propriété icon : type GIcon. Permet d’attribuer une icône spécifique au marker. Si cette propriété n’est pas renseignée, l’icône par défaut (G_DEFAULT_ICON) sera utilisée. dragCrossMove Depuis la version 2.63 de l’Api. Propriété dragCrossMove : type [...]

[...] Afin d’interagir avec les markers de la google map, l’Api propose différentes méthodes pouvant déclencher des fonctions suite aux événements enregistrés sur la map (notamment en fonctions des actions de l’utilisateur). Ci-dessous, vous pouvez consulter une liste des différents événements pris en compte sur la google map concernant les markers. NB: Tous ces événements se déclenchent si le marker concerné n’a pa [...]

[...] ´ne (objet de type GIcon) associée à ce marker lors de l’instanciation de la classe GMarker. getTitle() Depuis la version 2.85 de l’Api google map. La signature de la méthode getTitle : getTitle() . La méthode getTitle retourne le “title” associé au marker lors de son instanciation à l’aide de la propiété GMarkerOptions.title. Si aucun “title” n’a été renseigné, la méthode renvoie undefi [...]

[...] Dans la version 1 de l’Api google map, un objet de type GPoint représentait un point par ses coordonnées géographiques, c’est-à-dire par sa latitude et sa longitude exprimées en degrés. Depuis la version 2 de l’Api, un objet de type GPoint représente un point sur la map représenté par ses coordonnées en pixels. Il faut dorénavant faire appel à la classe GLatLng pour définir un point par ses coordonnées géographiqu [...]

[...] 7;agit d’un rectangle qui contient l’ensemble des points (objets GPoint) passés en paramètres. NB : depuis la version 2 de l’Api google map, l’objet GPoint ne représente plus un point par ses coordonnées géographiques mais par ses coordonnées en pixels. Les coordonnées géographiques sont maintenant représentées par des objets de type GLatLng. <script type="text/javascript"> var map = new Gmap2(document.g [...]

[...] propriétés de ces 2 objets ont exactement les mêmes valeurs (à un certain arrondi près). containsLatLng() Depuis la version 2.88 de l’Api google map la signature de la méthode est containsLatLng(latlng:GLatLng). Avant cette version sa signature était contains(latlng:GLatLng). La méthode containsLatLng() retourne true si l’objet GLatLng passé en paramètre est inclus dans la zone rectangulaire définie par l’intanciatio [...]