带有区域边框的Google Map Place API

时间:2018-07-29 09:50:36

标签: google-maps

如何显示带有Area边框的地方?用户将在文本框中搜索,并得到如下图所示的结果。 Google即服务通过map.google.com提供。但是,在我的网站上可以实现它的地方有任何API吗?

enter image description here

1 个答案:

答案 0 :(得分:0)

Google不会通过其API提供该数据。您可以使用Embed API来显示带有该数据的地图(如果您需要的话)

(将其显示在Google Maps Javascript API v3地图上的另一种方法是使用来自OpenStreetMaps的数据:proof of concept fiddle,但不包含与Google Maps相同的数据。)

example of polygon on embed map

要动态更改嵌入式地图的位置,请更改iframe的src:

example of embed API map with changeable query

screenshot of resulting map

<input id="searchString" value="Keraniganj, Bangladesh" onchange="changeLocation();" /><br>
<script>
function changeLocation() {
  var ifrm = document.getElementById('map');
  var srcUrl="https://www.google.com/maps/embed/v1/place?q="+document.getElementById("searchString").value+"&key=AIzaSyCxitB5jQcw7weQdg9MqBRfxr6mj81wT7I";
  ifrm.setAttribute('src',srcUrl);
}
</script>
<iframe id="map" 
  width="600" 
  height="450" 
  frameborder="0" 
  style="border:0"
  src="https://www.google.com/maps/embed/v1/place?q=Keraniganj%2C%20Bangladesh&key=AIzaSyCxitB5jQcw7weQdg9MqBRfxr6mj81wT7I" allowfullscreen>
</iframe>