最近开始搞乱Google Maps API,并想创建一个突出显示某些国家/地区的自定义地图(我知道-经典问题)。在这里已经有多个主题,我已经经历了。
当我尝试使用“国家/地区”表执行此操作时,其多边形数据令人恐惧。输出变成这样:
今天我遇到了另一个名为Geocodezip的数据集。这是我使用的代码(从此处的另一篇文章继承,并进行了一些调整)和绘制时看到的输出(从代码中删除了API密钥)
<html>
<head>
<title>Test</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 40, lng: 25},
zoom: 6
});
layer = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: "col38",
from: "19lLpgsKdJRHL2O4fNmJ406ri9JtpIIk8a-AchA",
where: "col2 in ('GRC')"
},
options: {
styleId: 9,
templateId: 8
}
});
layer.setMap(map);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=__my_API_key_here__&callback=initMap"
async defer></script>
</body>
</html>
差异很大,我想继续进行第二张地图的制作。然而,它既有国家边界,也有国家边界。我只需要国家边界。是否有办法只使用第二个数据集国家边界?如何消除它们?
附言:您还能告诉我如何编辑绘图颜色吗?找不到Geocodezip的styleID描述
答案 0 :(得分:1)
好吧,在研究了我发现的另一个示例的源代码之后,我自己找出了答案。原来我要寻找的是在另一张桌子上:
from: "419167",
where: "sovereignt in ('Greece')"
只需更改上面的两行,它就可以正常工作。