Javascript 如何向谷歌地图添加多个标记？

我在rails应用程序中使用了带有一个标记的google地图：

函数initMaplat，lng{ var myCoords=new google.maps.LatLnglat，lng； 变量映射选项={ 中心:myCoords,， 缩放：14 }; var map=new google.maps.Mapdocument.getElementById'map'，mapOptions； var marker=new google.maps.marker{ 职位：麦考兹， 地图：地图 }; } 看起来是这样的：

[[50.0874654, 14.4212535], [49.4447888, 32.0587805], [49.42105565, 32.1004058189433]] 并尝试传递到js：

$'map'.prependinitMap；

---

但它也不起作用。

您需要添加一个重载函数initMap，该函数接受如下数组：

<script>
  function initMap(lat, lng) {
    var myCoords = new google.maps.LatLng(lat, lng);
    var mapOptions = {
    center: myCoords,
    zoom: 14
    };
    var map = new google.maps.Map(document.getElementById('map'), mapOptions);

    var marker = new google.maps.Marker({
    position: myCoords,
    map: map
});
}

function initMap(locationArr) {
      for (var i = 0; i < locationArr.length; i++) {
        var myCoords = new google.maps.LatLng(locationArr[i][0], locationArr[i][1]);
        var mapOptions = {
          center: myCoords,
          zoom: 14
        };
        var map = new google.maps.Map(document.getElementById('map'), mapOptions);

        var marker = new google.maps.Marker({
          position: myCoords,
          map: map
        });
      }

    }
</script>

---

您需要添加一个重载函数initMap，该函数接受如下数组：

<script>
  function initMap(lat, lng) {
    var myCoords = new google.maps.LatLng(lat, lng);
    var mapOptions = {
    center: myCoords,
    zoom: 14
    };
    var map = new google.maps.Map(document.getElementById('map'), mapOptions);

    var marker = new google.maps.Marker({
    position: myCoords,
    map: map
});
}

function initMap(locationArr) {
      for (var i = 0; i < locationArr.length; i++) {
        var myCoords = new google.maps.LatLng(locationArr[i][0], locationArr[i][1]);
        var mapOptions = {
          center: myCoords,
          zoom: 14
        };
        var map = new google.maps.Map(document.getElementById('map'), mapOptions);

        var marker = new google.maps.Marker({
          position: myCoords,
          map: map
        });
      }

    }
</script>