【问题标题】:removing or coloring equator and international date-line in google maps api在谷歌地图 api 中删除或着色赤道和国际日期变更线
【发布时间】:2011-05-20 18:21:16
【问题描述】:

我找不到任何关于如何在 Google Maps JS API v3 中删除或更改赤道和国际日期变更线颜色的信息。我一直在搜索文档和网络以了解控制它们的任何内容。

【问题讨论】:

    标签: google-maps


    【解决方案1】:

    这个答案晚了几年,但我试图弄清楚这一点并找出如何正确删除赤道和日期线。似乎对于行政层,国家边界被认为是笔划,但赤道和日期线是填充的,所以你可以将你的样式设置为这个来摆脱这些线条:

    {
        "featureType": "administrative",
    "elementType": "geometry.fill",
    "stylers": [{ "visibility": "off" }]
    }
    

    【讨论】:

      【解决方案2】:

      下面的代码会改变赤道和国际日期变更线的颜色,但也可能有改变其他颜色的副作用。将hue 的 rgb 值更改为您想要的任何值。此外,将两次出现的“MyCustomMap”更改为您想要调用的地图。该代码假定您已经拥有一个 Google 地图对象,并且它存储在一个名为 map 的变量中。

      var mapStyle = [
            {
              featureType: "administrative",
              elementType: "geometry",
              stylers: [
                { hue: "#00ff2b" }
              ]
            }
      ];
      var styledMap = new google.maps.StyledMapType(mapStyle);
      map.mapTypes.set('myCustomMap', styledMap);
      map.setMapTypeId('myCustomMap');
      

      如果您想删除赤道和国际日期变更线,您可以使用下面的代码。关于上面代码的所有内容也适用于此,包括关于它可能有副作用的内容(但这一次,副作用将是使其他内容也变得不可见)。

      var mapStyle = [
            {
              featureType: "administrative",
              elementType: "geometry",
              stylers: [
                { visibility: "off" }
              ]
            }
      ];
      var styledMap = new google.maps.StyledMapType(mapStyle);
      map.mapTypes.set('myCustomMap', styledMap);
      map.setMapTypeId('myCustomMap');
      

      【讨论】:

      • 完美,谢谢!我没有看到他们的文档中将其列为“管理”的子类型,难怪我无法弄清楚。 code.google.com/apis/maps/documentation/javascript/…
      • 赤道和日期线在缩放级别 0–3 中可见。更改管理元素的几何颜色仅影响虚线赤道和日期线。关闭可见性也会影响国家/地区边界。
      • 要仅关闭赤道和日期变更线,关闭行政几何图形的可见性并打开行政几何图形的可见性:goo.gl/hLWqB
      猜你喜欢
      • 2014-02-20
      • 2021-11-28
      • 2022-08-03
      • 1970-01-01
      • 1970-01-01
      • 2011-06-06
      • 2013-10-08
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多