Google Maps API v3:从数组中添加标记不能工作

Google Maps API v3: Adding markers from an array doesn't work

本文关键字：添加 加标记 不能 工作 数组 Maps API v3 Google      更新时间：2023-09-26

首先感谢您考虑回答这个问题:)非常感谢!

我用下面的代码创建了一个映射，它工作得很好。

    function initialize() {
          var mapOptions = {
          zoom: 5,
          center: new google.maps.LatLng(48.160, -6.832),
          disableDefaultUI: true,
          mapTypeId: google.maps.MapTypeId.ROADMAP
          };
           map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  setMarkers(map, cities);
 }

但是我想在这个数组中的每个城市标记(请不要建议改变这一点，因为这段代码解决了我遇到的另一个问题，除非绝对必要):

 var cities = {
   'Groningen':  [ 53.216723950863425, 6.560211181640625, 7],
    'San Francisco': [ 34.01131647557699, -118.25599389648437, 5],
    'New York City': [ 40.7143528, -74.0059731, 3]
 };

我使用这个代码来放置实际的标记(这是不工作的部分):

  function setMarkers(map, locations) {
   // Add markers to the map
  for (var i = 0; i < cities.length; i++) {
          var data = cities [i]
          var marker = new google.maps.Marker({
              position: new google.maps.LatLng (data[0], data[1]),
              map: map,
              icon: image,
              title: 'test',
          });
      }
 }

cities不是一个数组，而是一个对象，所以你不能使用

for (var i = 0; i < cities.length; i++) {
    //...
}

用这个代替

for (var key in cities) {
    var data = cities[key];
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng (data[0], data[1]),
        map: map,
        icon: image,
        title: 'test',
    });
}
相关文章：