Google maps 带区域边界的GoogleMapPlaceAPI

如何显示有区域边界的地方？用户将在文本框中搜索，并得到如下图所示的结果。谷歌作为一项服务从map.Google.com提供这一服务。但是有没有API可以在我的网站上实现呢

---

谷歌不通过其API提供这些数据。您可以使用嵌入API显示包含该数据的地图（如果您只需要这些数据）

（在谷歌地图Javascript API v3地图上显示它的另一种方法是使用OpenStreetMaps:中的数据，但其中不包括与谷歌地图相同的数据。）

要动态更改嵌入地图的位置，请更改iframe的src：

函数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）；
}

谷歌不通过其API提供这些数据。您可以使用嵌入API显示包含该数据的地图（如果您只需要这些数据）

（在谷歌地图Javascript API v3地图上显示它的另一种方法是使用OpenStreetMaps:中的数据，但其中不包括与谷歌地图相同的数据。）

要动态更改嵌入地图的位置，请更改iframe的src：

函数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）；
}

这项工作，与react native WebView一起使用，解决了我的问题。这项工作，与react native WebView一起使用，解决了我的问题。

<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>