Google Map 在地图上画多边形

软件技术 前端
1

查看下面的代码[code]function initialize() {
var mapDiv = document.getElementById(‘map-canvas’);
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(24.886436490787712, -70.2685546875),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
});

    var paths = [new google.maps.LatLng(25.774252, -80.190262),
      new google.maps.LatLng(18.466465, -66.118292),
      new google.maps.LatLng(32.321384, -64.75737)];
  
    var shape = new google.maps.Polygon({
      paths: paths,
      strokeColor: '#ff0000',
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: '#ff0000',
      fillOpacity: 0.35
    });
  
    shape.setMap(map);
  }
  

  google.maps.event.addDomListener(window, 'load', initialize);[/code]运行结果如下。