javascript - 谷歌地图无法在类型之间进行更改

Question

我有两种 map 类型，一种是路线图，一种是自定义 map 。当我更改 map 的 typeMapId 以及在选择 map 时放大和缩小时，它会显示自定义 map 一秒钟，但会显示其上方的路线图。

如果我将路线图的不透明度设置为 0.1，我可以看到自定义 map 。我做了一个map.overlayMapTypes.push(custom)，无论选择什么typeMapId，我都会在路线图上方看到自定义 map 。在网络选项卡中，我看到它首先获取自定义 map ，然后获取路线图。

// map 选项

var mapOptions = {
    ...
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControlOptions: {
        mapTypeIds: [ "default_map", "custom" ]
    }
}

//添加自定义 map

var custom_opts = {
    getTileUrl: ...,
    tileSize: new google.maps.Size(256,256),
    maxZoom: 24,
    minZoom: 3
}

var custom = new google.maps.ImageMapType(custom_opts);
custom.projection = new FlatProjection();
map.mapTypes.set("custom", custom);

//类型之间的切换

if (self.customShown) {
    map.setMapTypeId("flatMap");
    self.customShown = false;
}
else {
    map.setMapTypeId("custom");
    self.customShown = true;
}

我该怎么做才能使它们发生变化并在其他类型之上看到当前选定的类型？感谢您的帮助。

Answer 1

您可以这样使用它:

var mapType = "custom";
map.setMapTypeId(google.maps.MapTypeId[mapType]);