Maison > interface Web > js tutoriel > Google Maps v3 peut-il limiter la zone visible et les niveaux de zoom ?

Google Maps v3 peut-il limiter la zone visible et les niveaux de zoom ?

Linda Hamilton
Libérer: 2024-10-18 19:59:03
original
1027 Les gens l'ont consulté

Can Google Maps v3 Limit Viewable Area and Zoom Levels?

Restriction de la région visible et des niveaux de zoom dans Google Maps v3

Question :

Est-il possible de contrôler la zone visible et le niveau de zoom sur une carte Google Maps v3 ? Plus précisément, pouvons-nous restreindre l'affichage à une zone spécifique (par exemple, un pays) et empêcher les utilisateurs de faire glisser la carte en dehors de cette région ? De plus, pouvons-nous limiter le niveau de zoom à une plage (par exemple, niveaux 6 à 9) tout en conservant l'accès à tous les types de cartes de base ?

Réponse :

Oui, il est possible d'obtenir des restrictions à la fois sur la zone visible et sur le niveau de zoom dans Google Maps v3. Voici comment :

Restriction de la zone visible :

Malheureusement, il n'existe aucun moyen simple d'empêcher les utilisateurs de faire glisser la carte au-delà d'une certaine zone. Cependant, vous pouvez utiliser l'API client Google Earth Enterprise pour afficher des vignettes pour une zone limitée et restreindre la manipulation de la carte.

Restriction du niveau de zoom :

Pour restreindre le niveau de zoom, utilisez les options minZoom et maxZoom. Par exemple :

<code class="javascript">var opt = { minZoom: 6, maxZoom: 9 };
map.setOptions(opt);</code>
Copier après la connexion

Vous pouvez également définir les options lors de l'initialisation de la carte :

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

Notes supplémentaires :

  • Le minZoom Les options /maxZoom remplacent toutes les restrictions de zoom imposées par StyledMap.
  • Vous pouvez trouver plus de détails dans la référence de l'API JavaScript Google Maps V3.

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