Map APIMap()Constructeur
Exemple
Créer une carte Google :
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Essayez-le vous-même »
Définition et utilisation
Le constructeur Map() crée une nouvelle carte et l'insère dans l'élément HTML spécifié (un élément <div>).
Syntaxe
new google.maps.Map(HTMLElement,MapOptions)
Valeur du paramètre
| Paramètre | Description |
|---|---|
| HTMLElement | Spécifie l'élément HTML dans lequel placer la carte. |
| MapOptions | Un objet MapOptions avec les options d'initialisation de la carte. |
Méthodes de Map()
| Méthode | Valeur de retour | Description |
|---|---|---|
| fitBounds(LatLngBounds) | Aucune | Définit la fenêtre d'affichage pour contenir les limites données. |
| getBounds() | LatLng,LatLng | Renvoie la latitude/longitude sud-ouest et la latitude/longitude nord-est de la fenêtre d'affichage actuelle. |
| getCenter() | LatLng | Renvoie la latitude/longitude du centre de la carte. |
| getDiv() | Nœud | Renvoie l'objet DOM qui contient la carte. |
| getHeading() | nombre | Renvoie le cap de la boussole de l'imagerie aérienne (pris en charge pour les types de carte SATELLITE et HYBRID). |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN | Renvoie le type de carte actuel. |
| getProjection() | Projection | Renvoie la Projection actuelle. |
| getStreetView() | StreetViewPanorama | Renvoie le StreetViewPanorama par défaut lié à la carte. |
| getTilt() | nombre | Renvoie l'angle d'incidence en degrés de l'imagerie aérienne (pris en charge pour les types de carte SATELLITE et HYBRID). |
| getZoom() | nombre | Renvoie le niveau de zoom actuel de la carte. |
| panBy(xnumber,ynumber) | Aucune | Modifie le centre de la carte de la distance donnée en pixels. |
| panTo(LatLng) | Aucune | Change le centre de la carte vers le LatLng donné. |
| panToBounds(LatLngBounds) | Aucune | Déplace la carte de la distance minimale nécessaire pour contenir le LatLngBounds donné. |
| setCenter(LatLng) | Aucune | |
| setHeading(number) | Aucune | Définit la direction de la boussole de l'imagerie aérienne (mesurée en degrés), avec le nord comme direction de base. |
| setMapTypeId(MapTypeId) | Aucune | Modifie le type de carte à afficher. |
| setOptions(MapOptions) | Aucune | |
| setStreetView(StreetViewPanorama) | Aucune | Associe un StreetViewPanorama à la carte. |
| setTilt(number) | Aucune | Définit l'angle d'incidence en degrés de l'imagerie aérienne (pris en charge pour les types de carte SATELLITE et HYBRID). |
| setZoom(number) | Aucune |
Propriétés de Map()
| Attribut | Type | Description |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | Contrôles supplémentaires à attacher à la carte. |
| mapTypes | MapTypeRegistry | Un registre d'instances MapType indexées par ID de chaîne. |
| overlayMapTypes | MVCArray.<MapType> | Types de carte supplémentaires à superposer. |
Événements Map()
| Événement | Paramètre | Description |
|---|---|---|
| bounds_changed | Aucune | Cet événement est déclenché lorsque les limites de la fenêtre d'affichage changent. |
| center_changed | Aucune | Cet événement est déclenché lorsque la propriété de centre de la carte change. |
| click | MouseEvent | Cet événement est déclenché lorsque l'utilisateur clique sur la carte (mais pas sur un marqueur ou une fenêtre d'information). |
| dblclick | MouseEvent | Cet événement est déclenché lorsque l'utilisateur double-clique sur la carte. Notez qu'un événement click est également déclenché avant cet événement. |
| drag | Aucune | Cet événement est déclenché de façon répétée pendant que l'utilisateur fait glisser la carte. |
| dragend | Aucune | Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser la carte. |
| dragstart | Aucune | Cet événement est déclenché lorsque l'utilisateur commence à faire glisser la carte. |
| heading_changed | Aucune | Cet événement est déclenché lorsque la propriété heading de la carte change. |
| idle | Aucune | Cet événement est déclenché lorsque la carte devient inactive après un panoramique ou un zoom. |
| maptypeid_changed | Aucune | Cet événement est déclenché lorsque la propriété mapTypeId change. |
| mousemove | MouseEvent | Cet événement est déclenché chaque fois que la souris de l'utilisateur se déplace sur le conteneur de la carte. |
| mouseout | MouseEvent | Cet événement est déclenché lorsque la souris de l'utilisateur quitte le conteneur de la carte. |
| mouseover | MouseEvent | Cet événement est déclenché lorsque la souris de l'utilisateur entre dans le conteneur de la carte. |
| projection_changed | Aucune | Cet événement est déclenché lorsque la projection change. |
| resize | Aucune | Cet événement est déclenché lorsque la carte (div) change de taille. |
| rightclick | MouseEvent | Cet événement est déclenché lorsque l'utilisateur effectue un clic droit sur la carte. |
| tilesloaded | Aucune | Cet événement est déclenché lorsque les tuiles visibles ont fini de se charger. |
| tilt_changed | Aucune | Cet événement est déclenché lorsque la propriété d'inclinaison de la carte change. |
| zoom_changed | Aucune | Cet événement est déclenché lorsque la propriété de zoom de la carte change. |