Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 圆圈';降雨量';谷歌地图API和GeoJSON上的动画?_Javascript_Animation_Google Maps Api 3_Geojson - Fatal编程技术网

Javascript 圆圈';降雨量';谷歌地图API和GeoJSON上的动画?

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

我有一个google地图,其中显示了一组由GeoJSON文件中的圆圈(而不是标记)表示的点。我想做的是类似于“降雨”动画的事情,我的地图可以一圈一圈地下降,而不是同时下降

我看过Google Maps文档,其中他们使用setTimeout()和普通标记实现了这一点:

以下是我的部分代码:

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}
我希望我们也能用圆圈来做这件事

的修改版本为:

  • 从GeoJSON获取数据
  • 单击按钮时放下标记
  • 代码片段:

    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