javascript - 使用 JS 对象初始化 Google map MapTypes

Question

得到一个像这样的 JS 对象:

console.log(状态)

Object {0: "SATELLITE", 1: "HYBRID"}

现在我需要将这两种 map 类型插入谷歌地图的选项中:

        var opt = {
          zoom: 15,     
          center: latlng,
          mapTypeControlOptions: {
            mapTypeIds: [google.maps.MapTypeId[States], 'custom_style']
          }          
        };

这个 OFC 不起作用。正如你所看到的，我还有一个自定义样式的 map 。

所以我可以这样做:

mapTypeIds: [google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, 'custom_style']

但它需要是动态的。 “States”的数据结构无法更改。

Answer 1

您可以在创建 opts 变量之前循环遍历 States。然后创建一个 mapIds 数组，然后将其传递到 mapTypeIds 中。

var mapIds = []

for (var key in States) {
  mapIds.push(google.maps.MapTypeId[States[key]])
}

var opt = {
  zoom: 15,     
  center: latlng,
  mapTypeControlOptions: {
    mapTypeIds: mapIds
  }          
};