Question

任何人都可以向我展示如何使用json数据在用户可编辑的形状中设置google地图api的示例。

{{1}}

我正在寻找如何使用json数据设置边界变量。

Answer 1

由于您复制了部分示例，因此我将粘贴完整的

 <div id="map"></div>
 <script>
  // This example adds a user-editable rectangle to the map.
  function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 44.5452, lng: -78.5389},
      zoom: 9
    });

    var bounds = {
      north: 44.599,
      south: 44.490,
      east: -78.443,
      west: -78.649
    };

    // Define a rectangle and set its editable property to true.
    var rectangle = new google.maps.Rectangle({
      bounds: bounds,
      editable: true
    });
    rectangle.setMap(map);
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

确保div元素包含id="map"，以便显示地图。接下来，您应该从Google获取一个API密钥以使用地图API（如果您还没有准备好），并将YOUR_API_KEY替换为您收到的密钥。

谷歌地图api与json数据

1 个答案: