更新

shuishen

2023-02-15 c3a857ffa767fa8a59c0c4814546d280f6bc9fea

 src/components/map/dcSearchMap.vue

@@ -1,6 +1,6 @@
<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>

@@ -26,8 +26,8 @@
  methods: {
    init(){
      let self = this
      if (global.viewer != null) {
        global.viewer = null
            if (global.searchViewer != null) {
                global.searchViewer = null
      }

      global.DC.ready(() => {
@@ -36,7 +36,7 @@

      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,
@@ -48,7 +48,7 @@
        })

        //加载地图
        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',
@@ -59,9 +59,9 @@

        //添加图层
        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", //自定义的中心锚点图标
@@ -70,7 +70,7 @@
        })

        //初始化定位
        global.viewer.camera.setView({
                global.searchViewer.camera.setView({
          // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
          // fromDegrees()方法，将经纬度和高程转换为世界坐标
          destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
@@ -118,7 +118,7 @@
        self.$emit("getMapData", pointLonLat)
      }
      //添加鼠标左键事件
      global.viewer.on(global.DC.MouseEventType.LEFT_DOWN,leftClick)
            global.searchViewer.on(global.DC.MouseEventType.LEFT_DOWN, leftClick)
    },
    //重置
    clearDraw() {
@@ -140,7 +140,7 @@
    },
    //回显点
    showPoint(positions) {
      let viewer = global.viewer
            let viewer = global.searchViewer
      if (positions){
        let pointData = ""
        let pointArray = []
@@ -165,5 +165,4 @@
</script>

<style scoped>

</style>