天阙可视化大屏

Appearance

On this page

点位

加载GIS平台POI-poiLayerAddByGisPlatform

javascript
(data, comp) => {
    console.log('===data=' + data + '====');
    let value = {
        'orgCode': '1.1.10.10.',
        'size': 500,
        'page': 1,
        'subjects': [
            {
                'appId': 'f611cf1927a64d1baabb6db20287ea3f',
                'tableId': 634
            },
        ]
    };
    const options = {
        clean: true,
        append: false,
        cleanAndAppen: false,
        marker: false,
        customPoi:false,//启用后根据poi图层的自定义poi返回值进行渲染
        dataFormater(data){//返回数据处理
            data.forEach(o=>o.typeCode='')
            return data
        }
    };
    let param = value;
    comp.poiLayerAddByGisPlatform('ajsj', param, options, err => { console.log(err); });
}

(data, comp) => {
    console.log('===data=' + data + '====');
    let value = {
        'orgCode': '1.1.10.10.',
        'size': 500,
        'page': 1,
        'subjects': [
            {
                'appId': 'f611cf1927a64d1baabb6db20287ea3f',
                'tableId': 634
            },
        ]
    };
    const options = {
        clean: true,
        append: false,
        cleanAndAppen: false,
        marker: false,
        customPoi:false,//启用后根据poi图层的自定义poi返回值进行渲染
        dataFormater(data){//返回数据处理
            data.forEach(o=>o.typeCode='')
            return data
        }
    };
    let param = value;
    comp.poiLayerAddByGisPlatform('ajsj', param, options, err => { console.log(err); });
}

通过异步请求返回数据加载POI-poiLayerAdd

javascript
(data, comp) => {
    comp.$axios.get('xxx').then(res => {
        console.log('show-wanggeyuan', res)
        if (res.data.data.list.length > 0) {
            const pois = res.data.data.list;
            pois.forEach(poi => {
                poi.location = `${poi.centerLon},${poi.centerLat}`;
                poi.iconName = '113';
            })
            comp.poiLayerAdd('113', pois, {
                clean: true,
                append: false,
                cleanAndAppen: false,
                marker: false,
                customPoi:false,//启用后根据poi图层的自定义poi返回值进行渲染
            });
        }
    })
}

(data, comp) => {
    comp.$axios.get('xxx').then(res => {
        console.log('show-wanggeyuan', res)
        if (res.data.data.list.length > 0) {
            const pois = res.data.data.list;
            pois.forEach(poi => {
                poi.location = `${poi.centerLon},${poi.centerLat}`;
                poi.iconName = '113';
            })
            comp.poiLayerAdd('113', pois, {
                clean: true,
                append: false,
                cleanAndAppen: false,
                marker: false,
                customPoi:false,//启用后根据poi图层的自定义poi返回值进行渲染
            });
        }
    })
}

移除POI-poiLayerDel

javascript
(data, comp) => {
    comp.poiLayerDel();
}

(data, comp) => {
    comp.poiLayerDel();
}

设置地图中心点-setCenter

javascript
(data, comp) => {
    comp.map.setCenter([-74, 38]);
}

(data, comp) => {
    comp.map.setCenter([-74, 38]);
}

获取地图中心点-getCenter

javascript
(data, comp) => {
    comp.map.getCenter();
}

(data, comp) => {
    comp.map.getCenter();
}

flyTo

javascript
(data, comp) => {
    comp.map.flyTo({
        center:[],
        zoom:18
    });
}

(data, comp) => {
    comp.map.flyTo({
        center:[],
        zoom:18
    });
}

demo地址：http://tianque.oicp.net:28182/tq-bigscreen-web/#/build/1480445296539344897

Last updated: