国家地理编码边界-摆脱国家线

时间:2018-07-10 03:13:19

标签: javascript css google-maps google-maps-api-3 geocode

最近开始搞乱Google Maps API,并想创建一个突出显示某些国家/地区的自定义地图(我知道-经典问题)。在这里已经有多个主题,我已经经历了。

当我尝试使用“国家/地区”表执行此操作时,其多边形数据令人恐惧。输出变成这样:

enter image description here

今天我遇到了另一个名为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>

enter image description here

差异很大,我想继续进行第二张地图的制作。然而,它既有国家边界,也有国家边界。我只需要国家边界。是否有办法只使用第二个数据集国家边界?如何消除它们?

附言:您还能告诉我如何编辑绘图颜色吗?找不到Geocodezip的styleID描述

1 个答案:

答案 0 :(得分:1)

好吧,在研究了我发现的另一个示例的源代码之后,我自己找出了答案。原来我要寻找的是在另一张桌子上:

from: "419167",
where: "sovereignt in ('Greece')"

只需更改上面的两行,它就可以正常工作。