Javascript 圆圈';降雨量';谷歌地图API和GeoJSON上的动画?
我有一个google地图,其中显示了一组由GeoJSON文件中的圆圈(而不是标记)表示的点。我想做的是类似于“降雨”动画的事情,我的地图可以一圈一圈地下降,而不是同时下降 我看过Google Maps文档,其中他们使用setTimeout()和普通标记实现了这一点: 以下是我的部分代码:Javascript 圆圈';降雨量';谷歌地图API和GeoJSON上的动画?,javascript,animation,google-maps-api-3,geojson,Javascript,Animation,Google Maps Api 3,Geojson,我有一个google地图,其中显示了一组由GeoJSON文件中的圆圈(而不是标记)表示的点。我想做的是类似于“降雨”动画的事情,我的地图可以一圈一圈地下降,而不是同时下降 我看过Google Maps文档,其中他们使用setTimeout()和普通标记实现了这一点: 以下是我的部分代码: map.data.setStyle(function(feature) { var mag = 50 * 0.1; return ({ icon: { path
map.data.setStyle(function(feature) {
var mag = 50 * 0.1;
return ({
icon: {
path: google.maps.SymbolPath.CIRCLE,
scale: mag,
fillColor: feature.getProperty('Colores'),
fillOpacity: .65,
strokeWeight: 0
}
});
});
}
function eqfeed_callback(results) {
map.data.addGeoJson(results);
}
这就是我的GeoJSON的外观:
{"id":"Mar0001","properties":{"Latitud":19.0487521384534,"General":"Vehículo","¿Edad de la víctima?":"26 - 35","¿Hora?":"09:00 - 11:00 am","ID":"Mar0001","¿Género de la víctima?":"Hombre","¿Día?":1,"¿Tipo de evento?":"Robo","Longitud":-98.2014441490173}
我希望我们也能用圆圈来做这件事 的修改版本为:
var映射;
var位置=[];
var标记=[];
函数初始化(){
map=新建google.maps.map(
document.getElementById(“地图画布”){
中心:新google.maps.LatLng(37.4419,-122.1419),
缩放:3,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var featCnt=0;
var bounds=new google.maps.LatLngBounds();
map.data.addListener('addfeature',function(evt){
位置推送(evt特征);
extend(evt.feature.getGeometry().get());
映射边界(bounds);
});
map.data.addGeoJson(geoJson);
map.data.setMap(空);
}
函数drop(){
clearMarkers();
对于(变量i=0;i