天阙可视化大屏

Appearance

On this page

边界

根据orgCode加载边界

javascript
    (data, comp) => {
        comp.orgLayerAddByOrgcode(orgCode, errCallback, succCallBack, options={})
        //or
        //comp.orgManager.orgLayerAddByOrgcode(orgCode, errCallback, succCallBack, options={})
    }

    (data, comp) => {
        comp.orgLayerAddByOrgcode(orgCode, errCallback, succCallBack, options={})
        //or
        //comp.orgManager.orgLayerAddByOrgcode(orgCode, errCallback, succCallBack, options={})
    }

根据orgCode和层级加载边界

javascript
    (data, comp) => {
        comp.loadBorderByOrgcodeAndLevel(orgCode, level, errCallback, succCallBack,options={})
        //or
        //comp.orgManager.loadBorderByOrgcodeAndLevel(orgCode, level, errCallback, succCallBack,options={})
    }

    (data, comp) => {
        comp.loadBorderByOrgcodeAndLevel(orgCode, level, errCallback, succCallBack,options={})
        //or
        //comp.orgManager.loadBorderByOrgcodeAndLevel(orgCode, level, errCallback, succCallBack,options={})
    }

移除边界

javascript
    (data, comp) => {
        comp.orgLayerDel()
        //or
        //comp.orgManager.remove()
    }

    (data, comp) => {
        comp.orgLayerDel()
        //or
        //comp.orgManager.remove()
    }

单击修改边界颜色

javascript
(data,comp)=>{
    const {name}=data
    comp.orgManager.setHighlight({name})
}

(data,comp)=>{
    const {name}=data
    comp.orgManager.setHighlight({name})
}

自定义边界文字

javascript
(data,comp)=>{
    const {name}=data
    return `<div style="color:red;">hello-${name}</div>`
}

(data,comp)=>{
    const {name}=data
    return `<div style="color:red;">hello-${name}</div>`
}

备注：自定义边界文字，需要在边界图层开启自定义文字，然后在地理边界事件设置里面设置边界文字格式化

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

通过geojson文件加载边界

javascript
(data, comp) => {
    const { adcode } = data
    fetch(`http://124.71.147.50:8186/cdn/china-border/changde/${adcode}.json`).then(res => res.json()).then(res => {
        const featuresArray = []
        res.features.forEach(feature => {
            const { properties } = feature
            const { center } = properties
            properties.center = {
                lng: center[0],
                lat: center[1],
            }
            featuresArray.push({
                type:'FeatureCollection',
                features:[feature]
            })
        })
        comp.orgLayerAddByGeoJson(featuresArray[0], featuresArray, () => { }, () => {})
    })
}

(data, comp) => {
    const { adcode } = data
    fetch(`http://124.71.147.50:8186/cdn/china-border/changde/${adcode}.json`).then(res => res.json()).then(res => {
        const featuresArray = []
        res.features.forEach(feature => {
            const { properties } = feature
            const { center } = properties
            properties.center = {
                lng: center[0],
                lat: center[1],
            }
            featuresArray.push({
                type:'FeatureCollection',
                features:[feature]
            })
        })
        comp.orgLayerAddByGeoJson(featuresArray[0], featuresArray, () => { }, () => {})
    })
}

demo地址：http://124.71.147.50:8186/tq-bigscreen-web/#/view/1554708490285957121

Last updated: