Fusion テーブルがあり、Fusion テーブル内でそれを視覚化でき、「ヒートマップとして表示」が正常に機能します。しかし、 https://developers.google.com/maps/documentation/javascript/examples/layer-fusiontables-heatmapのコード例に従って Google マップを作成するとすぐに機能しません (はい、私は右のテーブル Id であり、マーカーのみのマップが正常に機能するため共有されます)。ヒートマップの例の javascript+html タブからコードもコピーしましたが、得られるものはすべて空白の html です。
なぜヒートマップが機能しないのか、私は本当に混乱しています。
これは、マーカー付きのフュージョン テーブル データを含むフュージョン テーブル マップのコードです。
<!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>
ヒート マップが機能しない理由 (Google のサンプル コードを使用した場合でも) のアイデアを本当に感謝します。