【发布时间】:2011-05-20 18:21:16
【问题描述】:
我找不到任何关于如何在 Google Maps JS API v3 中删除或更改赤道和国际日期变更线颜色的信息。我一直在搜索文档和网络以了解控制它们的任何内容。
【问题讨论】:
标签: google-maps
我找不到任何关于如何在 Google Maps JS API v3 中删除或更改赤道和国际日期变更线颜色的信息。我一直在搜索文档和网络以了解控制它们的任何内容。
【问题讨论】:
标签: google-maps
这个答案晚了几年,但我试图弄清楚这一点并找出如何正确删除赤道和日期线。似乎对于行政层,国家边界被认为是笔划,但赤道和日期线是填充的,所以你可以将你的样式设置为这个来摆脱这些线条:
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{ "visibility": "off" }]
}
【讨论】:
下面的代码会改变赤道和国际日期变更线的颜色,但也可能有改变其他颜色的副作用。将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');
【讨论】: