ホームページ > ウェブフロントエンド > jsチュートリアル > Google マップ v3 は、限られたズーム レベルで特定のエリアを表示するように制限できますか?

Google マップ v3 は、限られたズーム レベルで特定のエリアを表示するように制限できますか?

Susan Sarandon
リリース: 2024-10-18 19:58:31
オリジナル
495 人が閲覧しました

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

Google マップ v3 の表示可能領域とズーム レベルの制限

質問:

Google マップ v3 の表示を制限できますかズーム レベルが制限された特定の領域ですか?

答え:

はい、次の手法を使用してこれを実現できます:

表示可能領域の制限:

  • LatLngBounds オブジェクトを使用して、表示可能領域の境界を定義します。
  • MapOptions オブジェクトの制限オプションを LatLngBounds に設定します。

例:

<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>
ログイン後にコピー

ズーム レベルの制限:

  • の minZoom および maxZoom オプションを使用します。 MapOptions オブジェクトを使用して、許可されるズーム範囲を指定します。

例:

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

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>
ログイン後にコピー

注:

StyledMap を使用したズーム レベルの制限は、ROADMAP ベース マップ タイプに限定されます。 minZoom および maxZoom オプションを使用すると、より包括的なソリューションが提供されます。

追加メモ:

  • すべてのベース マップ タイプは、これらの制限付きで使用できます。
  • これらのオプションは、マップの初期化後に setOptions() メソッドを使用して動的に設定することもできます。
  • disableDefaultUI オプションを true に設定すると、ユーザーがズーム コントロールにアクセスできなくなります。

以上がGoogle マップ v3 は、限られたズーム レベルで特定のエリアを表示するように制限できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート