javascript - 在 google map api 的 javascript 中访问数组内部的数组

Question

我正在尝试访问数组内部的数组，以便将坐标与谷歌地图的标记结合起来。path() 函数需要一个 google.maps.LatLng(lat,lng) 数组来绘制折线。 google.maps.Marker 对象(?) 需要坐标、一些其他内容以及一个文本字符串作为标题。我现在的想法是拥有一个包含坐标和标题字符串的二维数组。但是，我无法使路径函数接受二维数组中的坐标。

var destinations = [
  [new google.maps.LatLng(52.238942,7.349558),'Somewhere'],
  [new google.maps.LatLng(25.073858,55.2298444), 'Dubai'],
  [new google.maps.LatLng(13.7246005,100.6331108), 'Bangkok'],
];

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

非常感谢，克莱曼

Answer 1

您可以将该折线传递给 LatLngLiterals 数组，而不是使用 LatLng 构造函数，该数组可以随意具有额外的键。

        map = new google.maps.Map(document.getElementById('map-canvas'), {
            zoom: 3,
            center: {lat: 20, lng: 63}
        });

        var destinations = [
            {lat:52.238942, lng:7.349558,    title:'Somewhere'},
            {lat:25.073858, lng:55.2298444,  title: 'Dubai'},
            {lat:13.7246005,lng:100.6331108, title: 'Bangkok'},
        ];

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

顺便说一句，您将第一个目的地作为路径传递，但您应该传递整个集合(折线需要顶点数组)。其次，您的折线缺少要在 map 上绘制的 map 参数。