将具有可变路径的多边形加载到 GOOGLE MAP API 中

var map;
var bounds;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 5,
    center: {
      lat: 24.886,
      lng: -70.268
    },
    mapTypeId: 'terrain'
  });
  bounds = new google.maps.LatLngBounds();
  polytest = document.getElementById('acf-field_5e59146d57037').value;
  console.log(polytest);
  polytest =JSON.parse(polytest);
  for (var i=0; i<polytest.length; i++) {
    bounds.extend(polytest[i])
  }
  map.fitBounds(bounds);
  addPolygon(polytest);
}

function addPolygon(polytest) {
  polytototo = new google.maps.Polygon({
    path: polytest,
    map: map,
    draggable: true,
    editable: true,
  });
  polytototo.setMap(map);
}

#map {
  height: 80%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

<input size="100" id='acf-field_5e59146d57037' value='[{"lat": 66.064964, "lng": 112.872635}, {"lat": 42.249039, "lng": 87.560135}, {"lat": 55.940113, "lng": 60.841385}]' />
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>