Maps

Classe MapElement

Classe google.maps.MapElement

MapElement est une sous-classe HTMLElement pour le rendu des cartes. Une fois la bibliothèque maps chargée, une carte peut être créée en HTML. Exemple : 

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
En interne, il utilise Map, qui est accessible avec la propriété MapElement.innerMap.

Élément personnalisé :
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

Cette classe étend HTMLElement.

Cette classe implémente MapElementOptions.

Accédez-y en appelant le const {MapElement} = await google.maps.importLibrary("maps").
 Consultez Bibliothèques de l'API Maps JavaScript.
MapElement
MapElement([options])
Paramètres :
center
Type : LatLng|LatLngLiteral optional
Latitude et longitude du centre de la carte.
Attribut HTML :
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
Type : boolean optional
Par défaut : false
Indique si la carte doit autoriser le contrôle de l'orientation de la caméra par l'utilisateur (rotation). Cette option n'est effective que lorsque la carte est une carte vectorielle. Si ce paramètre n'est pas défini dans le code, la configuration cloud de l'ID de carte est utilisée (si elle est disponible).
Attribut HTML :
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
Type : Map
Référence au Map que MapElement utilise en interne.
internalUsageAttributionIds
Type : Iterable<string> optional
Par défaut : null
Ajoute un ID d'attribution d'utilisation à l'initialiseur, ce qui aide Google à comprendre quelles bibliothèques et quels exemples sont utiles aux développeurs, comme l'utilisation d'une bibliothèque de regroupement de repères. Pour ne pas envoyer l'ID d'attribution de l'utilisation, vous pouvez supprimer cette propriété ou remplacer la valeur par une chaîne vide. Seules les valeurs uniques seront envoyées. Les modifications apportées à cette valeur après l'instanciation peuvent être ignorées.
Attribut HTML :
  • <gmp-map internal-usage-attribution-ids="id1 id2"></gmp-map>
mapId
Type : string optional
L'ID de carte de la carte. Ce paramètre ne peut pas être défini ni modifié une fois la carte instanciée. Map.DEMO_MAP_ID peut être utilisé pour tester des fonctionnalités qui nécessitent un ID de carte, mais pas l'activation du cloud.
Attribut HTML :
  • <gmp-map map-id="string"></gmp-map>
renderingType
Type : RenderingType optional
Par défaut : RenderingType.VECTOR
Si la carte doit être matricielle ou vectorielle. Ce paramètre ne peut pas être défini ni modifié une fois la carte instanciée. Si elle n'est pas définie, la configuration cloud de l'ID de carte déterminera le type de rendu (si disponible). Veuillez noter que les cartes vectorielles ne sont pas disponibles pour tous les appareils ni tous les navigateurs. La carte basculera vers une carte matricielle si nécessaire.
Attribut HTML :
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>