| | |
| | | <template> |
| | | <div> |
| | | <div id="search-viewer-container" style="height: 100%; width: 100%"></div> |
| | | <div id="search-viewer-container" style="height: 50vh; width: 100%"></div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | methods: { |
| | | init(){ |
| | | let self = this |
| | | if (global.viewer != null) { |
| | | global.viewer = null |
| | | if (global.searchViewer != null) { |
| | | global.searchViewer = null |
| | | } |
| | | |
| | | global.DC.ready(() => { |
| | |
| | | |
| | | function initViewer() { |
| | | //配置viewer |
| | | global.viewer = new global.DC.Viewer('search-viewer-container', { |
| | | global.searchViewer = new global.DC.Viewer('search-viewer-container', { |
| | | contextOptions: { |
| | | webgl: { |
| | | alpha: true, |
| | |
| | | }) |
| | | |
| | | //加载地图 |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | global.searchViewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | url: 'https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal', |
| | | format: 'image/jpeg', |
| | |
| | | |
| | | //添加图层 |
| | | self.pointLayer = new global.DC.VectorLayer('polygonLayer') |
| | | global.viewer.addLayer(self.pointLayer) |
| | | global.searchViewer.addLayer(self.pointLayer) |
| | | |
| | | self.plotTool = new global.DC.Plot(global.viewer,{ |
| | | self.plotTool = new global.DC.Plot(global.searchViewer, { |
| | | icon_center: "/img/dwicon.jpeg", // 自定义的中心点图标 |
| | | icon_anchor: "/img/dwicon.jpeg", //自定义的锚点图标 |
| | | icon_midAnchor: "/img/dwicon.jpeg", //自定义的中心锚点图标 |
| | |
| | | }) |
| | | |
| | | //初始化定位 |
| | | global.viewer.camera.setView({ |
| | | global.searchViewer.camera.setView({ |
| | | // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州 |
| | | // fromDegrees()方法,将经纬度和高程转换为世界坐标 |
| | | destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees( |
| | |
| | | self.$emit("getMapData", pointLonLat) |
| | | } |
| | | //添加鼠标左键事件 |
| | | global.viewer.on(global.DC.MouseEventType.LEFT_DOWN,leftClick) |
| | | global.searchViewer.on(global.DC.MouseEventType.LEFT_DOWN, leftClick) |
| | | }, |
| | | //重置 |
| | | clearDraw() { |
| | |
| | | }, |
| | | //回显点 |
| | | showPoint(positions) { |
| | | let viewer = global.viewer |
| | | let viewer = global.searchViewer |
| | | if (positions){ |
| | | let pointData = "" |
| | | let pointArray = [] |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |