Javascript Patrick Wied的Google Maps API层与Heatmaps.js
我想创建两层谷歌地图，但它仍然不起作用。 我想使用Patrick Wied（）的API创建我自己的Google地图层，因为我需要“count”参数，而不仅仅是GPS。我有3000多行GPS数据，每行都是从1到500的数字，这个API可以使用我的第三个参数。我没有在谷歌API中找到它 我需要打开/关闭我的2个图层（示例中有3个，因为我开始了）。第一层是Patrick Wied Api中的热图，第二层是标记 现在我有一张地图，但我看不到热图层。我的来源有什么问题吗？我是JS的初学者 谢谢Javascript Patrick Wied的Google Maps API层与Heatmaps.js,javascript,google-maps,google-maps-api-3,gps,heatmap,Javascript,Google Maps,Google Maps Api 3,Gps,Heatmap,我想创建两层谷歌地图，但它仍然不起作用。 我想使用Patrick Wied（）的API创建我自己的Google地图层，因为我需要“count”参数，而不仅仅是GPS。我有3000多行GPS数据，每行都是从1到500的数字，这个API可以使用我的第三个参数。我没有在谷歌API中找到它 我需要打开/关闭我的2个图层（示例中有3个，因为我开始了）。第一层是Patrick Wied Api中的热图，第二层是标记 现在我有一张地图，但我看不到热图层。我的来源有什么问题吗？我是JS的初学者 谢谢 <h
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="heatmap.js"></script>
<script type="text/javascript" src="heatmap-gmaps.js"></script>
<script type="text/javascript">
var layers=[];
var map;
layers[0] = new google.maps.KmlLayer('http://wxxx.kml',
{preserveViewport: true});
layers[1] = new google.maps.KmlLayer('http://wxxx.kmz',
{preserveViewport: true});
layers[2] = new HeatmapOverlay(map, {"radius":20, "visible":true, "opacity":70}).setDataSet(testData);
function initialize() {
var latlng = new google.maps.LatLng(50, 15);
var myOptions = {
zoom: 6,
center: latlng,
mapTypeIds: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: false,
scrollwheel: true,
draggable: true,
navigationControl: true,
mapTypeControl: false,
scaleControl: true,
disableDoubleClickZoom: false
}
map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
}
var testData={
max: 500,
data: [
{lat: 50.1291628 , lng: 12.231887700000016 , count: 1 },
{lat: 50.1654085 , lng: 12.319327599999951 , count: 1 },
{lat: 50.12093429999999 , lng: 12.527273000000037 , count: 1 },
{lat: 50.31434789999999 , lng: 12.610902799999963 , count: 1 },
{lat: 50.1456522 , lng: 12.643388400000049 , count: 1 },
{lat: 49.8905022 , lng: 12.654568400000016 , count: 31 },
{lat: 50.2092029 , lng: 12.826413300000013 , count: 1 },
{lat: 49.4355419 , lng: 12.869568200000003 , count: 26 },
{lat: 50.3761103 , lng: 13.110478199999989 , count: 1 },
{lat: 50.08908659999999 , lng: 13.157753100000036 , count: 1 },
{lat: 49.4910901 , lng: 13.228301399999964 , count: 1 },
{lat: 49.6972678 , lng: 13.259076499999992 , count: 1 },
{lat: 49.7370899 , lng: 13.326522000000068 , count: 1 },
{lat: 49.4081199 , lng: 13.358040500000016 , count: 1 },
{lat: 49.8986734 , lng: 13.37648450000006 , count: 139 }]};
function toggleLayers(i)
{
if(layers[i].getMap()==null) {
layers[i].setMap(map);
}
else {
layers[i].setMap(null);
}
document.getElementById('status').innerHTML += "toggleLayers("+i+") [setMap("+layers[i].getMap()+"] returns status: "+layers[i].getStatus()+"<br>";
}
</script>
</head>
<body onload="initialize()">
Layer1 <input type="checkbox" id="layer_01" onclick="toggleLayers(0);"/>
Layer2 <input type="checkbox" id="layer_02" onclick="toggleLayers(1);"/>
Layer3 <input type="checkbox" id="layer_03" onclick="toggleLayers(2);"/>
<div id="map_canvas" style="height:500px; width:600px;"></div>
<div id="status"></div>
</body>
</html>
var层=[]；
var映射；
层[0]=新的google.maps.kmlayer（'http://wxxx.kml',
{preserveViewport:true}）；
layers[1]=新的google.maps.Kmlayer（'http://wxxx.kmz',
{preserveViewport:true}）；
层[2]=新的热图叠加（贴图，{“半径”：20，“可见”：真，“不透明度”：70}）；
函数初始化（）{
var latlng=新的google.maps.latlng（50,15）；
变量myOptions={
缩放：6，
中心：拉特林，
MapTypeId:google.maps.MapTypeId.ROADMAP，
disableDefaultUI:false，
滚轮：对，
真的，
导航控制：对，
mapTypeControl:false，
scaleControl：对，
禁用双击缩放：false
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
}
var测试数据={
最高：500，
数据：[
{拉特：50.1291628，液化天然气：12.231887700000016，计数：1}，
{拉特：50.1654085，液化天然气：12.3193275999951，计数：1}，
{纬度：50.120934299999，液化天然气：12.527273000000037，计数：1}，
{纬度：50.314347899999，液化天然气：12.610909027999963，计数：1}，
{拉特：50.1456522，液化天然气：12.643388400000049，计数：1}，
{拉特：49.8905022，液化天然气：12.6545684000016，计数：31}，
{拉特：50.2092029，液化天然气：12.8264133000013，计数：1}，
{拉特：49.4355419，液化天然气：12.86956820000003，计数：26}，
{纬度：50.3761103，液化天然气：13.1104781999989，计数：1}，
{纬度：50.089086599999，液化天然气：13.157753100036，计数：1}，
{纬度：49.4910901，液化天然气：13.2283013999964，计数：1}，
{纬度：49.6972678，液化天然气：13.2590764999992，计数：1}，
{拉特：49.7370899，液化天然气：13.326522000068，计数：1}，
{纬度：49.4081119，液化天然气：13.358040500000016，计数：1}，
{拉丁美洲：49.8986734，液化天然气：13.37648450000006，计数：139}}；
功能切换层（i）
{
如果（层[i].getMap（）==null）{
图层[i].setMap（map）；
}
否则{
图层[i].setMap（空）；
}
document.getElementById（'status'）.innerHTML++=“toggleLayers（“+i+”）[setMap（“+layers[i].getMap（）+”]返回状态：“+layers[i].getStatus（）+”
”；
}
第1层
第二层
第3层