在google maps api中移除或着色赤道和国际日期行

时间:2011-05-20 18:21:17

标签: google-maps

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

2 个答案:

答案 0 :(得分:13)

以下代码将更改赤道和国际日期行的颜色,但也可能有更改其他颜色的副作用。将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');

答案 1 :(得分:10)

这个答案迟了几年,但我试图解决这个问题并找出如何正确删除赤道和日期线。似乎对于管理层,国家边界被认为是笔划,但赤道和日期线是填充,所以你可以设置你的风格来摆脱这些线:

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