earthSDK之點新增點選事件
阿新 • • 發佈:2020-07-27
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 }
鑽研不易,轉載請註明出處......