Voici un exemple d’utilisation de la classe GStreetviewPanorama au sein de l’infobulle rattachée à un marker.
Pour afficher le streetView, cliquez sur le marker de votre choix. Si streetView n’est pas disponible pour la vue en cours, un message le signalera dans l’infobulle.
Dans cet exemple, les markers sont déplaçables. Vous pouvez donc déplacer un marker puis [...]

La classe GTileLayerOverlayOptions représente des arguments optionnels du constructeur GTileLayerOverlay.
On l’instancie directement comme un objet, elle ne dispose pas de constructeur.
Elle ne propose qu’une seule propriété, à savoir la propriété zPriority (z-index).
prorpriété zPriority
Disponible depuis la version 2.110 de l’Api.
Cette propriété contient la valeur de z-index attribuée à l’objet GTileLayerOverlay concerné par rapport aux autres éléments [...]

La classe GTileLayerOverlay permet d’ajouter des éléments à vos cartes au moyen de l’interface GTileLayer.
Elle implémente l’interface GOverlay et ajoute donc un nouvel objet de type GTileLayer au-dessus la carte indépendant de celle-ci (et non un nouvel élément au sein de la carte).
Pour remplacer les images des vues existantes, il faut déclarer l’objet GTileLayer à [...]

L’interface GOverlay est implémentée par les classes GMarker, GPolyline [bientôt en ligne], GTileLayerOverlay, GInfoWindow au sein de la librairie de l’Api Google Map.
On peut également faire appel à cette interface lorsque l’on souhaite afficher des types d’objets personnalisés sur une carte.
Une instance de l’objet GOverlay peut être réalisée sur une carte au moyen de la [...]

La classe GTileLayerOptions représente les arguments optionnels de l’interface GTileLayer. Elle ne dispose pas de constructeur, on l’instancie comme un objet littéral.

Accès direct aux propriétés:
opacity isPng tileUrlTemplate draggingCursor

propriété opacity
Propriété opacity: type : Nombre.
Permet de gérer l’opacité des tuiles concernées. Les valeurs de cette propriété vont de 0.0 (invisible) à 1.0 (opaque).
Par défaut, cette [...]

La classe GDraggableObjectOptions permet de définir les options à appliquer sur les objets de type GDraggableObject.
Voir un exemple de carte déplaçable.

Accès direct aux propriétés:
left top container draggableCursor draggingCursor delayDrag

propriété left
Disponible depuis la version 2.59 de l’Api.
Signature de la propriété left:
left(leftPosition : Nombre) .
Renseigne la position de départ en X de l’objet déplaçable.
propriété top
Disponible depuis [...]

La classe GDraggableObject permet de rendre des éléments du DOM déplaçables à l’aide de la souris.
Consultez également la classe GDraggableObjectOptions qui gère les paramètres optionnels du constructeur de la classe GDraggableObject.
Voir un exemple de carte déplaçable.

Accès direct aux méthodes:
constructeur GDraggableObject setDraggableCursor setDraggingCursor moveTo moveBy

Accès direct aux gestionnaires d’événements:
mousedown mouseup click dragstart drag dragend [...]

Voici un exemple d’utilisation de la classe GDraggableObject.
Pour déplacer la carte, utiliser la “poignée” représentée par le bloc rose.
Ici, la carte est rendue déplaçable dans un élément du DOM servant de zone de délimitation représenté par le bloc bordé de tirets.
Pour définir cette zone, la propriété container de la classe GDraggableObjectptions a été utilisée.

CODE

PARTIE [...]

Sur l’Api Google MAp, une carte est représentée par un ensemble de petites cartes carrées appelées “tuiles” ayant pour dimensions 256 * 256 px.
L’interface GTileLayer est implémentée dans le but de créer des couches de cartes personnalisées en faisant notamment appel aux classes GMapType ou GTileLayerOverlay.
Consulter également la classe GTileLayerOptions afin de consulter les paramètres [...]

La classe GCopyright est utilisée pour déclarer un copyright à apposer sur vos cartes. Elle est utilisée uniquement sur les types de carte personnalisés.
Cette classe contiendra l’ensemble des informations à afficher sur la map en fonction de la région et du zoom appliqué.
Voir également la classe GCopyrightCollection.

Accès direct aux propriétés:
constructeur GCopyright id minZoom bounds text

constructeur [...]

La classe GCopyrightCollection est utilisée pour déclarer un ensemble de copyrights à apposer sur vos cartes. Elle n’est pas utile si on n’utilise uniquement les types de carte fournis par Google par défaut.
En revanche, il faut l’utiliser pour les types de cartes personnalisés. Dans l’exemple proposé (en suivant le lien ci-contre), un copyright a été [...]

Cartes personnalisées avec la Google Map
Dans cette démonstration, la carte propose 2 types de vue différents.

Pour personnaliser les types de carte avec Google Map, plusieurs éléments sont requis, à savoir:

Disposer de tuiles autres que celles proposées par Google. Les tuiles représentent les petits bouts de carte (en général de taille 256 * 256 px) qui [...]

L’interface GProjection est utilisé pour créer ou déclarer ses propres types de projection.
C’est la projection qui gère les fonctions mathématiques permettant de convertir des latitudes et des longitudes en points visibles sur l’écran (donc en pixels) et inversement.
Dans les exemples qui suivent a été ajoutée une propriété non officielle nommée mapResolutions. Il s’agit en [...]

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

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