Google Maps API 中特定国家/地区的缩放级别

IT技术 javascript google-maps google-maps-api-3 google-maps-api-2
2021-02-15 02:41:58

我正在尝试制作仅显示荷兰的 Google 地图。但是，当我使用缩放级别 6 时，它也会显示比利时和德国，而当我使用缩放级别 7 时，它会放大得太远，因为它没有显示完整的国家/地区。

我怎样才能只展示荷兰，而不展示德国和比利时（或者至少是其中很小的一部分）。

目前它看起来像这样：

在此处输入图片说明

1个回答

  1. 转到http://www.gadm.org/download，下载荷兰的adm0 文件

  2. 将该多边形（作为内环）与覆盖整个地球的多边形组合在一起

  3. 使用缠绕反转工具反转任何不缠绕在外环对面的内部多边形。

  4. 压缩生成的 kml，重命名为 kmz。使用geoxml3在地图上显示

代码：

function initialize() {
    var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
        center: new google.maps.LatLng(85.4419, -122.1419),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var geocoder = new google.maps.Geocoder();
    var geoXml = new geoXML3.parser({
                    map: map,
                    zoom: false, 
                 });
    geoXml.parse("http://www.geocodezip.com/geoxml3_test/kmz/nld_adm0_inverted.kmz");
    google.maps.event.addListener(geoXml,'parsed', function() {
      geocoder.geocode( { 'address': "Netherlands"}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.fitBounds(results[0].geometry.viewport);
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });    
    })
}
google.maps.event.addDomListener(window, "load", initialize);

工作示例

地图示例

要限制它始终显示在地图上看到这个页面从麦克·威廉斯V2教程

工作示例

其它你可能感兴趣的问题
上一篇我们在 javascript 中有 getElementsByClassName 吗？ 下一篇如何阻止 javascript Promise并返回已解决的结果？