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

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

Susan Sarandon
Susan Sarandonoriginal
2024-10-18 19:58:31460parcourir

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>

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>

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!

Déclaration:
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