Maison > interface Web > js tutoriel > le corps du texte

Google Maps v3 peut-il être limité pour afficher une zone spécifique avec des niveaux de zoom limités ?

Susan Sarandon
Libérer: 2024-10-18 19:58:31
original
374 Les gens l'ont consulté

Can Google Maps v3 Be Restricted to Display a Specific Area with Limited Zoom Levels?

Limitation de la zone visible et du niveau de zoom dans Google Maps v3

Question :

L'affichage de Google Maps v3 peut-il être restreint une zone spécifique, avec des niveaux de zoom limités ?

Réponse :

Oui, il est possible d'y parvenir en utilisant les techniques suivantes :

Limitation de la zone visible :

  • Utilisez l'objet LatLngBounds pour définir la limite de la zone visible.
  • Définissez l'option de restrictions de l'objet MapOptions sur LatLngBounds.

Exemple :

<code class="javascript">var bounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(lat1, lng1),
  new google.maps.LatLng(lat2, lng2)
);

var mapOptions = {
  restrictions: {
    latLngBounds: bounds
  }
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>
Copier après la connexion

Limitation du niveau de zoom :

  • Utilisez les options minZoom et maxZoom de l'objet MapOptions pour spécifier la plage de zoom autorisée.

Exemple :

<code class="javascript">var mapOptions = {
  minZoom: 6,
  maxZoom: 9
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>
Copier après la connexion

Remarque :

La restriction du niveau de zoom à l’aide de StyledMap est limitée au type de carte de base ROADMAP. L'utilisation des options minZoom et maxZoom fournit une solution plus complète.

Remarques supplémentaires :

  • Tous les types de cartes de base peuvent être utilisés avec ces restrictions.
  • Ces options peuvent également être définies dynamiquement après l'initialisation de la carte à l'aide de la méthode setOptions().
  • La définition de l'option DisableDefaultUI sur true peut empêcher les utilisateurs d'accéder aux commandes de zoom.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!