更新热图数据,简单的谷歌热图

Yon*_*ahs 8 html javascript google-maps heatmap

我已经构建了这个Android应用程序来为我的课程项目收集经度,纬度和电话信号.我的目标是将此信息移植到一个简单的热图网页.我的问题是在这个例子中更新我的热图数据变量的最佳方法是什么:

https://google-developers.appspot.com/maps/documentation/javascript/examples/layer-heatmap

特别是这个变量:

      var taxiData = [
          new google.maps.LatLng(37.782551, -122.445368),
          new google.maps.LatLng(37.782745, -122.444586), ...
          ];
Run Code Online (Sandbox Code Playgroud)

我对所有建议持开放态度,我对web开发非常新手.

Bub*_*les 25

谷歌地图使这非常简单.您可能会在本示例中稍后注意到,此处将taxiData加载到特定的Google数组中 -

 pointArray = new google.maps.MVCArray(taxiData);
Run Code Online (Sandbox Code Playgroud)

然后将其作为热图放入地图中:

heatmap = new google.maps.visualization.HeatmapLayer({
    data: pointArray
});
heatmap.setMap(map);
Run Code Online (Sandbox Code Playgroud)

MVCArray可以更新,地图将自动更新.因此,如果您需要在热图中添加新的LatLng,只需输入:

pointArray.push(new LatLng(<coordinates>));
Run Code Online (Sandbox Code Playgroud)

地图将更新.