此处地图 - 在"choose view"菜单中切换平铺图层

Question

我可以创建一个平铺层，并使用此代码将其添加到地图中。。。

var tileProvider = new H.map.provider.ImageTileProvider({
opacity: 0.8,
getURL:  function (column, row, zoom) {
return 'https://1.base.maps.api.here.com/maptile/2.1/truckonlytile/newest/reduced.day/' + zoom + '/' + column + '/' + row + '/256/png8?app_id=...&app_code=...'
}
});
overlayLayer = new H.map.layer.TileLayer(tileProvider, {
// Let's make it semi-transparent
opacity: 0.8
});
map.addLayer(overlayLayer);

这很好，图层覆盖在地图上，但我希望能够通过"选择视图"菜单打开/关闭它。

我不知道怎么做…我试过这个。。。

var defaultLayers = platform.createDefaultLayers();
ui.removeControl('mapsettings');
var ms = new H.ui.MapSettingsControl( {
baseLayers : [ {
label: 'Map View',layer: defaultLayers.raster.normal.map
},{
label: 'Satellite',layer: defaultLayers.raster.satellite.map
}, {
label: 'Terrain',layer: defaultLayers.raster.terrain.map
},{
label: 'overlay', layer: overlayLayer
}
],
layers: [{
label: 'layer.traffic', layer: defaultLayers.vector.normal.traffic
},
{
label: 'layer.incidents', layer: defaultLayers.vector.normal.trafficincidents
}            
]
});
ui.addControl('customized',ms);

但它不起作用。

有什么方法可以在以后通过菜单进行类似切换的互动程序吗？

Answer 1

您的层应该从baseLayers数组移动到层阵列：

var defaultLayers = platform.createDefaultLayers();
ui.removeControl('mapsettings');
var ms = new H.ui.MapSettingsControl({
baseLayers: [{
label: 'Map View', layer: defaultLayers.raster.normal.map
}, {
label: 'Satellite', layer: defaultLayers.raster.satellite.map
}, {
label: 'Terrain', layer: defaultLayers.raster.terrain.map
}],
layers: [{
label: 'layer.traffic', layer: defaultLayers.vector.normal.traffic
},
{
label: 'layer.incidents', layer: defaultLayers.vector.normal.trafficincidents
},
{
label: 'overlay', layer: overlayLayer
}]
});
ui.addControl('customized', ms);

有关更多信息，请参阅：https://developer.here.com/documentation/maps/dev_guide/topics_api/h-ui-mapsettingscontrol-options.html#h-ui地图设置控制选项