地图地址更换

shuishen

2021-08-04 b4cf8f90decd8c3570f5444f9098b02d899edcbe

地图地址更换

 public/json/map.json

New file
@@ -0,0 +1,3 @@
{
  "data": "http://47.49.21.207:7001/PGlS_S_TileMapSever/Maps/YX/EzMap?Serive=getImage&Type=RGB&ZoomOffset=0&Col={col}&Row={row}&Zoom={level}&V=1.0.0"
}

 src/components/map/main.vue

@@ -54,6 +54,8 @@

import start from '@/assets/img/start.png'

import axios from 'axios'

export default {
    name: 'Map',
    data () {
@@ -82,55 +84,59 @@
        }
    },
    mounted () {
        this.ol2d = new OlMap({
            layers: [
                new OlLayerTile({
                    zIndex: 4,
                    title: '影像',
                    source: new XYZ({
                        url: 'http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 行政区划
        axios.get('/json/map.json').then(res => {
            this.ol2d = new OlMap({
                layers: [
                    new OlLayerTile({
                        zIndex: 4,
                        title: '影像',
                        source: new XYZ({
                            url: res.data.data // 行政区划
                        })
                    })
                }),
                new OlLayerTile({
                    zIndex: 5,
                    title: '道路+中文注记',
                    source: new XYZ({
                        url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
                    })
                    // ,
                    // new OlLayerTile({
                    //     zIndex: 5,
                    //     title: '道路+中文注记',
                    //     source: new XYZ({
                    //         url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
                    //     })
                    // })
                ],

                // 注意地图控件的写法
                controls: defaults().extend([
                    new FullScreen(),
                    new ScaleLine(),
                    // new MousePosition(),
                    new Rotate(),
                    new Attribution()
                ]),
                target: 'track_map',
                view: new OlView({
                    center: [0, 0],
                    zoom: 2,
                    projection: 'EPSG:4326'
                })
            ],

            // 注意地图控件的写法
            controls: defaults().extend([
                new FullScreen(),
                new ScaleLine(),
                // new MousePosition(),
                new Rotate(),
                new Attribution()
            ]),
            target: 'track_map',
            view: new OlView({
                center: [0, 0],
                zoom: 2,
                projection: 'EPSG:4326'
            })
            window.ol2d = this.ol2d

            var view = this.ol2d.getView()

            view.setCenter([115.85883507433789, 28.708432053474827])

            view.setZoom(13)

            const ol3d = new OLCesium({ map: window.ol2d })
            window.ol3d = ol3d

            this.ol2d.addLayer(this.gunAddlayer)
            this.ol2d.addLayer(this.peopleAddlayer)
            this.ol2d.addLayer(this.carAddlayer)
            this.ol2d.addLayer(this.peopleLineAddlayer)
            this.ol2d.addLayer(this.startPoint)
        })
        window.ol2d = this.ol2d

        var view = this.ol2d.getView()

        view.setCenter([115.85883507433789, 28.708432053474827])

        view.setZoom(13)

        const ol3d = new OLCesium({ map: window.ol2d })
        window.ol3d = ol3d

        this.ol2d.addLayer(this.gunAddlayer)
        this.ol2d.addLayer(this.peopleAddlayer)
        this.ol2d.addLayer(this.carAddlayer)
        this.ol2d.addLayer(this.peopleLineAddlayer)
        this.ol2d.addLayer(this.startPoint)
    },
    methods: {
        init3D (val) {