Google maps 谷歌地图&融合热图未显示
我有一个融合表和内部融合表,我可以可视化它和热图的显示工作良好。但是,只要我按照上的代码示例创建一个google地图,它就不起作用了。是的,我使用了正确的表Id,它被共享,因为只有标记的地图工作正常。我还从示例热图的javascript+html选项卡复制了代码,但我得到的所有内容都是空白的html 我真不明白为什么热图不起作用 这是带有标记的融合表数据的融合表映射代码Google maps 谷歌地图&融合热图未显示,google-maps,google-fusion-tables,heatmap,Google Maps,Google Fusion Tables,Heatmap,我有一个融合表和内部融合表,我可以可视化它和热图的显示工作良好。但是,只要我按照上的代码示例创建一个google地图,它就不起作用了。是的,我使用了正确的表Id,它被共享,因为只有标记的地图工作正常。我还从示例热图的javascript+html选项卡复制了代码,但我得到的所有内容都是空白的html 我真不明白为什么热图不起作用 这是带有标记的融合表数据的融合表映射代码 <!DOCTYPE html> <html> <head> <style&g
<!DOCTYPE html>
<html>
<head>
<style>
html, body, #map-canvas {
margin: 0;
padding: 0;
height: 100%;
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
var map;
var layerl0;
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'), {
center: new google.maps.LatLng(46.145359594889875, 14.900421375462382),
zoom: 9
});
var style = [
{
featureType: 'all',
elementType: 'all',
stylers: [
{ saturation: -70 }
]
}
];
var styledMapType = new google.maps.StyledMapType(style, {
map: map,
name: 'Styled Map'
});
map.mapTypes.set('map-style', styledMapType);
map.setMapTypeId('map-style');
layerl0 = new google.maps.FusionTablesLayer({
query: {
select: "'col2'",
from: 'iLyOjPD3jRuyvv3lIVcJ5edgVPhgaNNelo'
},
dissipating: true,
map: map,
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
我真的很想知道为什么即使使用谷歌的示例代码,热图也无法工作。您忘记添加选项heatmap:{enabled:true}另请注意:当您使用任何谷歌示例时,您必须将样式表的href更改为,否则,样式表无法加载,地图画布将没有高度,这就是为什么您看不到任何东西的原因还有一点:discoming:true是客户端热图API的设置,但不适用于FusionTablesLayers。@Dr.Molle感谢第二个提示。我知道上面的代码缺少heatmpa选项。我试过了,但没用。因此,我按照您的建议更改了其中一个示例中的stylsheet链接,然后更改了表id,现在它可以工作了。FusionTablesLayer热图选项似乎只是一个缺陷和有限的功能:我无法让它对不同的数据集做任何合理的操作。