Google maps GoogleMapsAPI-heatmap.set(数据)属性
我正在创建一个简单的谷歌地图与热图层。重要的是,我最初并没有设置热图的数据属性:Google maps GoogleMapsAPI-heatmap.set(数据)属性,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我正在创建一个简单的谷歌地图与热图层。重要的是,我最初并没有设置热图的数据属性: var map, heatmap; var home = new google.maps.LatLng(37.75, -122.4) function initialize() { var mapOptions = { zoom: 10, minZoom: 3, center: home, mapTypeId: google.maps.MapTypeId.ROADMAP,
var map, heatmap;
var home = new google.maps.LatLng(37.75, -122.4)
function initialize() {
var mapOptions = {
zoom: 10,
minZoom: 3,
center: home,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
panControl: false,
zoomControl: true,
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: false
};
var styles = [
{
stylers: [
{ "gamma": 0.83 },
{ hue: "#00ffe6" },
{ saturation: -20 }
]
},{
featureType: "road",
elementType: "geometry",
stylers: [
{ lightness: 100 },
{ visibility: "simplified" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
map.setOptions({styles: styles});
heatmap = new google.maps.visualization.HeatmapLayer({
radius: 20,
opacity: 0.5
});
heatmap.setMap(map);
然后我创建一个函数,该函数应设置热图的数据属性,如下所示:
function update(){
all = [[37.782551, -122.445368, 0.75, 0.25],
[37.782745, -122.444586, 0.5, 0.5],
[37.782842, -122.443688, 0.2, 0.8]]
temp = []
for (var i = 0; i < all.length; i++){
temp.push(new google.maps.LatLng(all[i][0], all[i][1]), all[i][2])
}
var newdata = new google.maps.MVCArray(temp);
heatmap.set('data', heatmap.get('data') ? null : newdata)
}
但是,当我在控制台中检查热图
变量时,数据属性为空。为什么会这样?如何在函数调用中设置数据属性?调用heatmap.set('data',heatmap.get('data')?null:newdata)代码>有问题
去掉那个,它就工作了
这对我很有用。删除了heatmap.get('data')?null:heatmap.set调用中的newdata
。
google.maps.event.addListener(map, 'bounds_changed', function() {
update;
});
}
google.maps.event.addDomListener(window, 'load', initialize);