xcx地图

liuyg

2021-05-12 3e6d9869e9a4a1b35f3083013f704ccb999d0767

xcx地图

 public/xcxh5map/css/body.css

@@ -7,10 +7,12 @@
    width: 100%;
    height: 100%;
}
#map{

#map {
    width: 100%;
    height: 50%;
}

#mapVue {
    overflow: hidden;
    /* border: solid 1px springgreen; */
@@ -35,12 +37,16 @@
    /* border: 1px solid springgreen; */
    border-radius: 60px 60px 0 0;
    position: relative;
    /* top: -2%; */
    /* top: -3%; */
    background-color: #fff;
    z-index: 401;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.title-span{
    height: 15%;
}

/* .title::after {

 public/xcxh5map/js/move.js

@@ -46,7 +46,7 @@

    //begin
    this.followFinger = (map, state = 14) => {//(地图实例，dom状态判断是向上还是向下)
        console.log('开始跟随手指');
        // console.log('开始跟随手指');
        var that = this;
        if(state != 14){
            that.state = state;

 public/xcxh5map/js/vueMain.js

@@ -13,8 +13,6 @@
        move: null,//存放移动实例

        seedata: '',
        dialogVisible: 'true',
        drawer: false,
    },
    methods: {
        getDataList() {
@@ -38,15 +36,15 @@
            this.map.invalidateSize(true);//应用地图高度
            this.move.followFinger(this.map, 'up');
        },
        getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) { return JSON.parse(decodeURI(pair[1])); }//解码url 和 JSON
            }
            return (false);
        },
        // getQueryVariable(variable) {
        //     var query = window.location.search.substring(1);
        //     var vars = query.split("&");
        //     for (var i = 0; i < vars.length; i++) {
        //         var pair = vars[i].split("=");
        //         if (pair[0] == variable) { return JSON.parse(decodeURI(pair[1])); }//解码url 和 JSON
        //     }
        //     return (false);
        // },
        beginMap(map, data) {
            var that = this;
            var createMap = () => {

 public/xcxh5map/xcxmap.html

@@ -51,6 +51,8 @@
        <div id="seedata">
            <div class="title">
                {{seedata.deviceName}}
                <div class="title-span"> </div>
                <div class="title-span"> </div>
            </div>
            <div class="main">
                <div>