Javascript 如何从谷歌地图中删除虚线
我希望能够删除垂直和水平虚线从我的谷歌地图。创建地图时,我需要执行哪些操作才能删除它们Javascript 如何从谷歌地图中删除虚线,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我希望能够删除垂直和水平虚线从我的谷歌地图。创建地图时,我需要执行哪些操作才能删除它们 var映射选项={ 缩放:“, 动物控制:“, 中心:“, disableDefaultUI:“”, 可拖动:“, 样式:“, 禁用双击缩放:“ } mapOptions.zoom=1; mapOptions.zoomControl=false; mapOptions.center=newwindow.google.maps.LatLng(mapCoordinates.latitude,mapCoordi
var映射选项={
缩放:“,
动物控制:“,
中心:“,
disableDefaultUI:“”,
可拖动:“,
样式:“,
禁用双击缩放:“
}
mapOptions.zoom=1;
mapOptions.zoomControl=false;
mapOptions.center=newwindow.google.maps.LatLng(mapCoordinates.latitude,mapCoordinates.longitude);;
mapOptions.disableDefaultUI=true;
mapOptions.draggable=false;
mapOptions.styles=“”;
mapOptions.disableDoubleClickZoom=true;
$googlemap=new window.google.maps.Map(document.getElementById('Map-canvas')、mapOptions)代码>您必须创建一个样式化地图来删除赤道和国际日期线。但请注意,它也可以删除其他管理元素
// Map style CODE after create $googlemap
var cleanStyle = [{
featureType: "administrative",
elementType: "geometry",
stylers: [
{ visibility: "off" }
]
}];
// Create a new Styled Map
var styledMap = new google.maps.StyledMapType(cleanStyle);
// Attach the styledMap with the main map
$googlemap.mapTypes.set('cleanMap', styledMap);
// Set the new styled map as active
$googlemap.setMapTypeId('cleanMap');
如果您只想删除赤道和国际日期线,这里有一个。看起来您需要删除所有管理几何图形
{
"featureType": "administrative",
"elementType": "geometry",
"stylers": [
{ "visibility": "off" }
]
}
这样也会删除所有其他管理边界,要将其放回原位,您需要单独将其添加回原位:
{
"featureType": "administrative.country",
"elementType": "geometry.stroke",
"stylers": [
{ "visibility": "on" }
]
},{
"featureType": "administrative.province",
"elementType": "geometry.stroke",
"stylers": [
{ "visibility": "on" }
]
},{
"featureType": "administrative.locality",
"elementType": "geometry.stroke",
"stylers": [
{ "visibility": "on" }
]
},{
"featureType": "administrative.neighborhood",
"elementType": "geometry.stroke",
"stylers": [
{ "visibility": "on" }
]
},{
"featureType": "administrative.land_parcel",
"elementType": "geometry.stroke",
"stylers": [
{ "visibility": "on" }
]
}
代码片段:
var地理编码器;
var映射;
函数初始化(){
var map=new google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(37.4419,-122.1419),
缩放:2,
mapTypeId:google.maps.mapTypeId.ROADMAP,
风格:[{
“功能类型”:“管理”,
“elementType”:“几何体”,
“造型师”:[{
“可见性”:“关闭”
}]
}, {
“featureType”:“administration.country”,
“elementType”:“geometry.stroke”,
“造型师”:[{
“可见性”:“打开”
}]
}, {
“特征类型”:“行政省”,
“elementType”:“geometry.stroke”,
“造型师”:[{
“可见性”:“打开”
}]
}, {
“featureType”:“administration.locality”,
“elementType”:“geometry.stroke”,
“造型师”:[{
“可见性”:“打开”
}]
}, {
“featureType”:“administration.neighbour”,
“elementType”:“geometry.stroke”,
“造型师”:[{
“可见性”:“打开”
}]
}, {
“功能类型”:“行政用地”,
“elementType”:“geometry.stroke”,
“造型师”:[{
“可见性”:“打开”
}]
}]
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)代码>
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}