cesium作为三维开源框架,实现底图切换也是很容易的。
let osm = new Cesium.UrlTemplateImageryProvider({
url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"
});
let mapbox = new Cesium.MapboxImageryProvider({
mapId: 'mapbox.dark',
accessToken: 'pk.eyJ1IjoieW91bmdnaXMiLCJhIjoiY2o5Z3owdTViMnR5djJ3bGczaGw4ODdhZSJ9.K7Zmkra18V7CuynSW3rlRQ'
});
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: osm,
contextOptions: {
webgl: {
alpha: true
}
},
selectionIndicator:false,
navigationInstructionsInitiallyVisible:false,
homeButton:false,
selectionIndicator: false,
animation: false, //是否显示动画控件
baseLayerPicker: false, //是否显示图层选择控件
geocoder: false, //是否显示地名查找控件
timeline: false, //是否显示时间线控件
sceneModePicker: false, //是否显示投影方式控件
navigationHelpButton: false, //是否显