有没有办法淡出V3 google.maps.Polygon?有没有办法淡出V3 google.maps.Polygon?
我想淡出它,而不是隐藏/删除标准的Google Maps V3多边形。
这可能吗?那里有插件吗?
有没有办法淡出V3 google.maps.Polygon?有没有办法淡出V3 google.maps.Polygon?
我想淡出它,而不是隐藏/删除标准的Google Maps V3多边形。
这可能吗?那里有插件吗?
以下是我创建解决统一淡出中风和填充一个解决方案,我做了很容易通过使其成为一个功能重用。
秒是淡化出现和回调需要多长时间,因此您可以在完成后执行另一个操作。
在我的项目中,我的回调函数从地图中删除多边形并删除变量。
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);
}
使用Javascript setInterval()/clearInterval()递增地改变多边形的不透明度。事情是这样的:
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);
该解决方案没有解决均匀淡出中风和填充。在中风之前,我的填充物会消失很久。我投票了,因为它是非常接近我的第一个解决方案。 – iambriansreed 2012-03-07 16:32:54