1. 程式人生 > 實用技巧 >earthSDK之點新增點選事件

earthSDK之點新增點選事件

earthSDK之點新增點選事件

點選事件程式碼:

//點選事件
            pin.onclick = () => {
                console.log('點選確認')
            }

注意:

點選事件功能需在建立底圖時全域性開啟點選事件許可權,否則點選事件不生效。

開啟許可權程式碼:(新增在 let earth = new XE.Earth('earthContainer' 之後);

earth.interaction.picking.enabled = true
earth.interaction.picking.hoverEnable 
= false

新增點程式碼:

   // 繪製點位
        createODPoints(earth, item, imgUrl) {
            // 度轉弧度
            function DtoR(val) {
                let r = (val * Math.PI) / 180
                return r
            }
            const objConfig = {
                name: 'Pin1',
                xbsjType: 'Pin'
, position: [DtoR(120.48), DtoR(39.52), 500], near: 20000, imageUrl: '/images/earth/img/station.png', disableDepthTestDistance: 0 } const pin = new XE.Obj.Pin(earth) pin.xbsjFromJSON(objConfig) //點選事件 pin.onclick = () => { console.log(
'點選確認') } return pin }

鑽研不易,轉載請註明出處......