地图地址更换

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,22 +84,24 @@
        }
    },
    mounted () {
        axios.get('/json/map.json').then(res => {
        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' // 行政区划
                    })
                }),
                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' // 注记
                            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' // 注记
                    //     })
                    // })
            ],

            // 注意地图控件的写法
@@ -131,6 +135,8 @@
        this.ol2d.addLayer(this.carAddlayer)
        this.ol2d.addLayer(this.peopleLineAddlayer)
        this.ol2d.addLayer(this.startPoint)
        })

    },
    methods: {
        init3D (val) {