地图

lct123456

2022-04-25 8b9344aa1fb3d7893ea408383a8ba62abe5ebeca

 src/views/doublePreventAction/riskLevelManage/fourColorMap/index.vue

@@ -1,11 +1,22 @@
<template>
    <div class="map-layout">
        <Map @init="init" :option="option" v-if="option" />
        <Tab v-if="loaded" />
    </div>
<div style="height:1000px;width:100%;background:#FFFFFF;padding:20px">
    <el-tabs v-model="activeName">
        <el-tab-pane label="60万吨" name="first">    
            <div class="map-layout">
                <Map @init="init" :option="option" v-if="option" />
                <Tab v-if="loaded" />
            </div></el-tab-pane>
        <el-tab-pane label="130万吨" name="second">
            
        </el-tab-pane>
    </el-tabs>
</div>


</template>

<script>
    import tileset from '../../../../assets/tileset.json'   
    import Map from '../../../../components/Map';
    import Tab from '../../../../components/Tab';
    import { global } from '../../../../global';
@@ -22,6 +33,7 @@
        },
        data() {
            return {
                activeName:'first',
                loaded: false,
                map: null,
                option: null,
@@ -66,7 +78,7 @@
                this.loaded = true;

                map.addModel({
                    link: 'http://222.92.213.21:8006/zhongtaiweb/tileset.json',
                    link: 'http://222.92.213.22:8006/b3dm60/tileset.json',
                    name: '商业园区',
                    callback: tileset => {
                        var boundingSphere = tileset.boundingSphere;
@@ -260,7 +272,7 @@

<style scoped>
    .map-layout {
        height: 100%;
        height: 920px;;
        position: relative;
    }