javascript - 如何在Gmap3中添加多个标记？

我正在尝试在gmap3中添加多个标记。但它行不通。
如果有人知道如何在gmap3 API中添加多个位置。

var contactmap = {

         lat: 24.091328,
         lng: 38.037067
      };

      $('#tm-map')
         .gmap3({
            zoom: 13,
            center: contactmap,
            scrollwheel: false,
            mapTypeId: "shadeOfGrey",
            mapTypeControlOptions: {
               mapTypeIds: [google.maps.MapTypeId.ROADMAP, "shadeOfGrey"]
            }
         })

 .marker({
            position: contactmap,
            icon: 'assets/img/map-marker.gif'
         })

此代码仅查看一个标记。那么如何在地图中添加多个标记？

最佳答案

所以最后我找到了适合自己的解决方案，非常感谢我的支持。

var locations = [
  ['Yanbu Saudi Arabia', 24.091328, 38.037067, 1],
  ['Yanbu Saudi Arabia', 24.005421, 38.197395, 2]
];

var map = new google.maps.Map(document.getElementById('tm-map'), {
  zoom: 10,
  center: new google.maps.LatLng(24.005421, 38.197395),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;
var markers = [];

for (i = 0; i < locations.length; i++) {
  marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
    map: map
  });

  markers.push(marker);

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}

console.log(markers[0]);