天阙可视化大屏

Appearance

On this page

弹出

弹出(可同时保留多个)

javascript
    (data, comp) => {
        comp.popupManager.add({
            position: [122.15925492428805,29.97871689152069],
            showTitle: true,
            title:'hello',
          	tag:'11',
            html: `<div style="font-size:12px;">content</div>`
        })
    }

    (data, comp) => {
        comp.popupManager.add({
            position: [122.15925492428805,29.97871689152069],
            showTitle: true,
            title:'hello',
          	tag:'11',
            html: `<div style="font-size:12px;">content</div>`
        })
    }

移除

javascript
    (data, comp) => {
        comp.popupManager.removeAll()
    }

    (data, comp) => {
        comp.popupManager.removeAll()
    }

条件移除

javascript
    (data, comp) => {
        comp.popupManager.removeFn(o=o>o.options.tag=='11')
      	//or
      	//comp.popupManager.removeFn(o=o>o.options.title=='hello')
    }

### 弹出(全局同时只保留一个)
```javascript
    (data, comp) => {
        const poi = data.properties.getValue().poi
        const position=data.position.getValue()
        const {name}=poi
        const html=`<div>hello-${name}</div>`
        comp.map.popup.show({ position, html, showTitle: true })
    }

    (data, comp) => {
        comp.popupManager.removeFn(o=o>o.options.tag=='11')
      	//or
      	//comp.popupManager.removeFn(o=o>o.options.title=='hello')
    }

### 弹出(全局同时只保留一个)
```javascript
    (data, comp) => {
        const poi = data.properties.getValue().poi
        const position=data.position.getValue()
        const {name}=poi
        const html=`<div>hello-${name}</div>`
        comp.map.popup.show({ position, html, showTitle: true })
    }

移除(全局弹出)

javascript
    (data, comp) => {
        comp.map.popup.close()
    }

    (data, comp) => {
        comp.map.popup.close()
    }

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

Last updated: