在另一个多边形内插入一个多边形应该在中心形成一个"洞"(参见谷歌地图五角大楼的例子).但是,我的程序仍然无法创建一个洞,而是使两层多边形线变为不可靠.
http://cl.ly/1c243E1V1G2M1D3H3c0O < - 我地图的图片
有人说改变坐标顺序解决了他们的问题,所以我选择了谷歌在他们的例子中给出的百慕大三角坐标,但是,它遇到了我之前遇到的同样的问题.相关代码如下:
var everythingElse = [
new google.maps.LatLng(25.774252, -82.190262),
new google.maps.LatLng(17.466465, -65.118292),
new google.maps.LatLng(34.321384, -63.75737),
new google.maps.LatLng(25.774252, -82.190262)
];
var circleOverlay = [
new google.maps.LatLng(25.774252, -80.190262),
new google.maps.LatLng(18.466465, -66.118292),
new google.maps.LatLng(32.321384, -64.75737),
new google.maps.LatLng(25.774252, -80.190262)
];
PropertySearch.tintPolygon = new google.maps.Polygon({
paths: [ everythingElse, circleOverlay ],
strokeColor: "#000000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#000000",
fillOpacity: 0.5
});
PropertySearch.tintPolygon.setMap(PropertySearch.map);
Run Code Online (Sandbox Code Playgroud) 所以我目前在地图上放了一个圆圈:
var optionsCercle = {
center: latlang,
map: map,
radius: 1000,
fillOpacity: 0.1,
strokeWeight: 0
};
this.circ = new google.maps.Circle(optionsCercle);
Run Code Online (Sandbox Code Playgroud)
现在我将圆圈的内部填充到容量:0.1,但我想要做的是将所有内容放在地图上,除了圆圈内部以填充容量:0.1.我希望视口中的所有内容都被"模糊"出来.我怎样才能做到这一点?
因此,到目前为止,我们已熟悉使用v3 API向Google地图添加形状:
$j('#map').gmap('addShape', 'Circle', {
'strokeWeight': 0,
'fillColor': "#008595",
'fillOpacity': 0.25,
'center': result[0].geometry.location,
'radius': 1500,
'clickable': false
});
Run Code Online (Sandbox Code Playgroud)
上面的代码将创建一个圆圈并用填充#008595对其进行着色.有没有办法反向遮蔽地图?我希望整个世界被遮挡/填充半透明度,除了我的标记所在的洞.可能?