如何將 Google 地圖 V3 限制為特定地理區域和縮放等級？

限制Google 地圖V3 中的可視區域和縮放等級

使用者可能會遇到需要將Google V3 限制在特定地理地圖範圍內的情況限制並限制其縮放功能。本文探討了一種解決方案，將地圖顯示限制在指定區域（例如，一個國家/地區），同時防止使用者導航超出其邊界。此外，它還解決瞭如何將縮放等級限制在預先定義的範圍內。

為了實現此目的，Google 地圖 V3 提供了 minZoom 和 maxZoom 選項。透過指定這些參數，您可以建立使用者允許的最小和最大縮放等級。

範例：

var map;
var opt = { minZoom: 6, maxZoom: 9 };
map = new google.maps.Map(document.getElementById('map-canvas'), opt);

上面的程式碼確保使用者只能將地圖縮放到 6 至 9 級（含）。然而，該解決方案僅解決縮放等級限制。要將可視區域限制在特定區域，需要進一步客製化。使用StyledMaps自訂地圖樣式可以達到這個目的。

範例：

var map;
var styles = [
  {
    "elementType": "geometry",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "administrative.country",
    "elementType": "geometry.stroke",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  }
];

map = new google.maps.Map(document.getElementById('map-canvas'));
map.setOptions({
  styles: styles,
  minZoom: 6,
  maxZoom: 9
});

此程式碼將指定國家以外的所有地理要素設定為不可見，有效限制該國家/地區的可視地圖區域。它還將最小和最大縮放等級分別設為 6 和 9。

以上是如何將 Google 地圖 V3 限制為特定地理區域和縮放等級？的詳細內容。更多資訊請關注PHP中文網其他相關文章！