Javascript 如何在google map api中放置多个标记并绘制路线

在一个变量中有lat，lng和json

var path = [{"lat":"12.9247903824","lng":"77.5806503296"},{"lat":"10.9974470139","lng":"76.9459457397"}]

我已经根据lat lng值创建了路径

var marker = new google.maps.Marker({
                position: pos,
                map: map
            });
            var flightPath = new google.maps.Polyline({
                path: path,
                geodesic: true,
                strokeColor: '#ff0000',
                strokeOpacity: 1.0,
                strokeWeight: 2,
                map: map,
                bounds: map.getBounds()
            });

它是从这些点创建的路径。但只有一个标记正在显示。对于该标记，必须在所有点SPATH中显示

---

还有一点，我想获得所有lat、lng值的地址，您必须将您的点转换到google.maps.latLng点：

var marker = new google.maps.Marker({
                position: pos,
                map: map
            });
            var flightPath = new google.maps.Polyline({
                path: path,
                geodesic: true,
                strokeColor: '#ff0000',
                strokeOpacity: 1.0,
                strokeWeight: 2,
                map: map,
                bounds: map.getBounds()
            });

var pointsPath = [new google.maps.LatLng(12.9247903824,77.5806503296),new google.maps.LatLng(10.9974470139,76.9459457397)];

然后按如下方式初始化映射：

 function initialize() {
      var mapOptions = {
        zoom: 3,
        center: new google.maps.LatLng(0, -180),
        mapTypeId: google.maps.MapTypeId.TERRAIN
      };


      var flightPath = new google.maps.Polyline({
        path: pointsPath,
        geodesic: true,
        strokeColor: '#FF0000',
        strokeOpacity: 1.0,
        strokeWeight: 2
      });

      flightPath.setMap(map);
    }

    google.maps.event.addDomListener(window, 'load', initialize);

---

希望它有帮助

您必须将您的观点投射到google.maps.latLng points：

var pointsPath = [new google.maps.LatLng(12.9247903824,77.5806503296),new google.maps.LatLng(10.9974470139,76.9459457397)];

然后按如下方式初始化映射：

 function initialize() {
      var mapOptions = {
        zoom: 3,
        center: new google.maps.LatLng(0, -180),
        mapTypeId: google.maps.MapTypeId.TERRAIN
      };


      var flightPath = new google.maps.Polyline({
        path: pointsPath,
        geodesic: true,
        strokeColor: '#FF0000',
        strokeOpacity: 1.0,
        strokeWeight: 2
      });

      flightPath.setMap(map);
    }

    google.maps.event.addDomListener(window, 'load', initialize);

希望能有帮助