Question

我将Google地图嵌入到网络应用程序中，这就是我所拥有的，它显示了一个带有描述的位置。我试图在地图上再添加2个地点，是否有人知道如何做到这一点？

<script>
function myMap() {
  var myCenter = new google.maps.LatLng(55.1493166,-6.6784082);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {center: myCenter, zoom: 8};
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({position:myCenter});
  marker.setMap(map);

  var infowindow = new google.maps.InfoWindow({
    content: "Ulster Univeristy, Sports Centre, Coleraine"
  });
  infowindow.open(map,marker);
}

Answer 1

要向地图添加更多标记，我将假设有预定义的位置。创建一个数组来存储/管理您的标记

var markers = [];

创建并存储多个位置（lat和lng）* n

var locations = [
    {lat:55.1493166, lng:-6.6784082}
    {lat:55.14316, lng:-6.67802}
    {lat:55.3166, lng:-6.68402}
];

循环浏览位置并放置标记

 for(var i = 0; i < locations.length; i++) {
      var pos = locations[i];
      var marker = new google.maps.Marker({
        map: map,
        position: pos
      });
      marker.setMap(map);
      markers.push(marker);
    }

包含多个位置的Google地图

1 个答案: