凉州区新农村建设网站,济南网站建设开发公司,网站开发 搜索,做网站公司怎么推销new mars3d.control.MapSplit({实现点击卷帘两侧添加不同图层弹出不同的popup效果#xff1a;
左侧#xff1a; 右侧#xff1a; 说明#xff1a;mars3d的3.7.12以上版本才支持该效果。
示例链接#xff1a;
功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技
相关代…new mars3d.control.MapSplit({实现点击卷帘两侧添加不同图层弹出不同的popup效果
左侧 右侧 说明mars3d的3.7.12以上版本才支持该效果。
示例链接
功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技
相关代码:
import * as mars3d from mars3dexport let map // mars3d.Map三维地图对象
let mapSplit// 需要覆盖config.json中地图属性参数当前示例框架中自动处理合并
export const mapOptions {scene: {center: { lat: 45.78775101561854, lng: 124.18472524281356, alt: 80032, heading: 0, pitch: -50 }},// 124.25136170525877,// 46.678894046064045control: {baseLayerPicker: false // 是否显示图层选择控件}
}export function onMounted(mapInstance) {map mapInstance // 记录mapcreateControl()
}/*** 释放当前地图业务的生命周期函数* returns {void} 无*/
export function onUnmounted() {map null
}export function createControl() {if (mapSplit) {return}map.basemap nullmapSplit new mars3d.control.MapSplit({rightLayer: [{ name: 天地图卫星, type: tdt, layer: img_d },{type: arcgis,url: http://59.110.232.57:6080/arcgis/rest/services/duerbotemengguzuzizhixian0526/DEBTMGZZZX_ZWFL20240417/MapServer,id: 777,}],leftLayer: [{ name: 天地图电子, type: tdt, layer: vec_d },{ name: 天地图注记, type: tdt, layer: vec_z },{type: arcgis,url: http://59.110.232.57:6080/arcgis/rest/services/duerbotemengguzuzizhixian0526/DEBTMGZZZX_ZWFL20231013/MapServer,id: 666,}]})map.addControl(mapSplit)setTimeout(() {map.getLayerById(666).bindPopup(1111)map.getLayerById(777).bindPopup(222)}, 1000)
}export function destroyControl() {if (mapSplit) {map.removeControl(mapSplit)mapSplit nullmap.basemap ArcGIS影像}
}
