Google 热图未正确显示数据点
Google heatmap not showing data points properly
我遇到了 google 热图的奇怪问题。热图显示随着热图数据中坐标数量的增加而减少的数据点。
对于 333 坐标,热图显示的数据点如下:
对于 9885 坐标:
如您所见,333 个坐标的数据点多于 9885 个坐标的数据点。但它应该显示更多大数据的数据点。
我的代码:
var map = new google.maps.Map(document.getElementById('bcak_track_map'), {
zoom:19,
center:{lat:parseFloat(flat), lng:parseFloat(flon)},
mapTypeId:google.maps.MapTypeId.SATELLITE
});
map.setTilt(45);
var heatMapBounds = new google.maps.LatLngBounds();
var markerCount = 0;
$.each(marker_points, function (key, val) {
var myLatLon = new google.maps.LatLng(parseFloat(val.latitute), parseFloat(val.longtute));
heatArr[markerCount] = {location: myLatLon, weight: 2};
heatMapBounds.extend(myLatLon);
markerCount++;
});
var sheatmap = new google.maps.visualization.HeatmapLayer({
data:new google.maps.MVCArray(heatArr),
radius:30
});
sheatmap.setMap(map);
map.fitBounds(heatMapBounds);
bounds = new google.maps.LatLngBounds(null);
数据进入marker_points
[
Object { latitute="33.65112310998252", longtute="-117.98994390000001"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.650855606216076", longtute="-117.99054136256564"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.651302292183665", longtute="-117.99096972341766"},
Object { latitute="33.65106477008209", longtute="-117.99117056945039"}
......
]
谁能帮我显示热图正确的数据点?
dissipating:true 和 maxIntensity:10 解决了我的问题。谢谢大家的帮助。
为了防止规模较大的其他人遇到这种情况,我有一个类似的情况,具有以下特点:
- 有大约 30K 积分
- 在像墨西哥这样的大国。
消散:真,maxIntensity:1,半径:10
并且:
我为每个点添加了 2 的权重。 (您可以使用 Google 热图来做到这一点)
我遇到了 google 热图的奇怪问题。热图显示随着热图数据中坐标数量的增加而减少的数据点。
对于 333 坐标,热图显示的数据点如下:
对于 9885 坐标:
如您所见,333 个坐标的数据点多于 9885 个坐标的数据点。但它应该显示更多大数据的数据点。 我的代码:
var map = new google.maps.Map(document.getElementById('bcak_track_map'), {
zoom:19,
center:{lat:parseFloat(flat), lng:parseFloat(flon)},
mapTypeId:google.maps.MapTypeId.SATELLITE
});
map.setTilt(45);
var heatMapBounds = new google.maps.LatLngBounds();
var markerCount = 0;
$.each(marker_points, function (key, val) {
var myLatLon = new google.maps.LatLng(parseFloat(val.latitute), parseFloat(val.longtute));
heatArr[markerCount] = {location: myLatLon, weight: 2};
heatMapBounds.extend(myLatLon);
markerCount++;
});
var sheatmap = new google.maps.visualization.HeatmapLayer({
data:new google.maps.MVCArray(heatArr),
radius:30
});
sheatmap.setMap(map);
map.fitBounds(heatMapBounds);
bounds = new google.maps.LatLngBounds(null);
数据进入marker_points
[
Object { latitute="33.65112310998252", longtute="-117.98994390000001"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.650855606216076", longtute="-117.99054136256564"},
Object { latitute="33.650867", longtute="-117.990379"},
Object { latitute="33.651302292183665", longtute="-117.99096972341766"},
Object { latitute="33.65106477008209", longtute="-117.99117056945039"}
......
]
谁能帮我显示热图正确的数据点?
dissipating:true 和 maxIntensity:10 解决了我的问题。谢谢大家的帮助。
为了防止规模较大的其他人遇到这种情况,我有一个类似的情况,具有以下特点:
- 有大约 30K 积分
- 在像墨西哥这样的大国。
消散:真,maxIntensity:1,半径:10
并且: 我为每个点添加了 2 的权重。 (您可以使用 Google 热图来做到这一点)