Google maps api 3 有没有办法淡出V3 google.maps.Polygon?
有没有办法淡出V3 google.maps.Polygon 不只是隐藏/删除一个标准的Google Maps V3多边形,我想淡出它 这可能吗?有插件吗?使用Javascript/以增量方式更改多边形的不透明度。大概是这样的:Google maps api 3 有没有办法淡出V3 google.maps.Polygon?,google-maps-api-3,fadeout,polygons,Google Maps Api 3,Fadeout,Polygons,有没有办法淡出V3 google.maps.Polygon 不只是隐藏/删除一个标准的Google Maps V3多边形,我想淡出它 这可能吗?有插件吗?使用Javascript/以增量方式更改多边形的不透明度。大概是这样的: var opacity = [1, 0.8] var polygon = new google.maps.Polygon({ strokeColor: "#000099", strokeOpacity: opacity[0],
var opacity = [1, 0.8]
var polygon = new google.maps.Polygon({
strokeColor: "#000099",
strokeOpacity: opacity[0],
strokeWeight: 2,
fillColor: "#0000FF",
fillOpacity: opacity[1],
paths: [ /* your points here */ ]
});
var interval = setInterval(function() {
if (opacity[0] <= 0.0 && opacity[1] <= 0.0) {
clearInterval(interval);
polygon.setVisible(false);
} else {
opacity[0] = Math.max(0.0, opacity[0] - 0.1);
opacity[1] = Math.max(0.0, opacity[1] - 0.1);
polygon.setOptions({strokeOpacity: opacity[0], fillOpacity: opacity[1]});
}
}, 50);
var不透明度=[1,0.8]
var polygon=新建google.maps.polygon({
strokeColor:#000099“,
strokeOpacity:不透明度[0],
冲程重量:2,
fillColor:#0000FF“,
fillOpacity:opacity[1],
路径:[/*您在此处的点*/]
});
var interval=setInterval(函数(){
如果(不透明度[0]以下是我创建的一个解决方案,用于解决笔划和填充的均匀淡出问题,并通过将其作为一个函数使其易于重用
秒是淡出和回调所需的时间,以便在淡出和回调完成后执行另一个操作
在我的项目中,回调函数从贴图中删除多边形并删除变量
function polygon_fadeout(polygon, seconds, callback){
var
fill = (polygon.fillOpacity*50)/(seconds*999),
stroke = (polygon.strokeOpacity*50)/(seconds*999),
fadeout = setInterval(function(){
if(polygon.strokeOpacity + polygon.fillOpacity <= 0.0){
clearInterval(fadeout);
polygon.setVisible(false);
if(typeof(callback) == 'function')
callback();
return;
}
polygon.setOptions({
'fillOpacity': Math.max(0, polygon.fillOpacity-fill),
'strokeOpacity': Math.max(0, polygon.strokeOpacity-stroke)
});
}, 50);
}
函数多边形\u淡出(多边形,秒,回调){
变量
填充=(多边形.填充不透明度*50)/(秒*999),
笔划=(多边形.笔划不透明度*50)/(秒*999),
淡出=设置间隔(函数(){
如果(polygon.strokeOpacity+polygon.fillOpacity)此解决方案不能解决笔划和填充的均匀淡出问题。我的填充在笔划之前很久就消失了。不过我投了赞成票,因为它与我的第一个解决方案非常接近。