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

hel*_*on3 9 google-maps

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

Tro*_*ott 12

下面的代码将改变赤道和国际日期行的颜色,但也可能有改变其他颜色的副作用.将rgb值更改为hue您想要的任何值.此外,将"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');
Run Code Online (Sandbox Code Playgroud)

如果要删除赤道和国际日期行,可以使用下面的代码.所有关于上面代码的说法也适用于此,包括它可能有副作用的东西(但这次,副作用是使其他东西也看不见).

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

  • 要仅关闭赤道和日期线,请关闭管理几何体的可见性并打开administrative.country几何体的可见性:http://goo.gl/hLWqB (5认同)

Luk*_*ord 12

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

{
    "featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{ "visibility": "off" }]
}
Run Code Online (Sandbox Code Playgroud)