javascript - 让用户在谷歌地图上画画？

Question

有谁知道是否可以允许用户在 Google map 上从 A 点到 B 点画一条线？

如果是这样，这通常是如何完成的？

Answer 1

您可以使用折线并使用 gooogle.maps.LatLng 指定两个或更多点。这是一个JSFiddle Demo :

  //create points on the Polylines
  var flightPlanCoordinates = [
    new google.maps.LatLng(37.772323, -122.214897),
    new google.maps.LatLng(-27.46758, 153.027892)
  ];

  //create the Polyline and feed it points with stroke styling
  var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  //set the polylines on the map
  flightPath.setMap(map);

要像其他人建议的那样更详细，用户可以通过单击事件输入坐标以将标记作为点放置在 map 上，然后将标记坐标作为多段线的点提供，或者您也可以创建一个用户可以手动输入他们的地址或他们的经纬度作为点来绘制点，但是绘制折线的详细方法与上面的示例类似，只是 Lat Lng 在演示中是静态编码的。