Google maps API v3 DrawingManager预定义折线

时间:2013-09-25 12:31:42

标签: google-maps google-maps-api-3

我正在尝试使用多边形在谷歌地图api v3上构建路线。我已经预定义了我需要允许编辑的路线。问题是我的预定义折线没有显示在地图上。我在这里缺少什么?

var drawingManager = new google.maps.drawing.DrawingManager({
    drawingMode: google.maps.drawing.OverlayType.ROADMAP,
    drawingControl: true,
    drawingControlOptions: {
      position: google.maps.ControlPosition.TOP_CENTER,
      drawingModes: [
        google.maps.drawing.OverlayType.POLYLINE
      ]
    },
    polylineOptions: {
      strokeColor: '#ff0000',
      strokeOpacity: 1,
      strokeWeight: 3,
      zIndex: 1,
      editable: true,
      path: [
        new google.maps.LatLng(37.772323, -122.214897),
        new google.maps.LatLng(21.291982, -157.821856),
        new google.maps.LatLng(-18.142599, 178.431),
        new google.maps.LatLng(-27.46758, 153.027892)
      ],
      visible: true
    }
  });
  drawingManager.setMap(map);

1 个答案:

答案 0 :(得分:0)

您无法在折线选项中添加折线,忽略“路径”。见the documentation

  

polylineOptions | PolylineOptions |应用于使用此创建的任何新折线的选项   DrawingManager会。 忽略路径属性,新折线的地图属性为   始终设置为DrawingManager的地图。

Example of DrawingManager with pre-loaded Polygon