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

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 サイトの他の関連記事を参照してください。