顯示源代碼
                選擇并彈窗
                 開發文檔
                            <!--
                 * @Author: 1286780926@qq.com
                 * @Date: 2023-06-20 10:30:40
                 * @LastEditors: 13307306924 1286780926@qq.com
                 * @LastEditTime: 2023-06-20 11:00:30
                 * @FilePath: \test\bmgl_點擊彈窗\index.html
                 * @Description: 
                 * 
                 * Copyright (c) 2023 by bigemap/${git_name_email}, All Rights Reserved. 
                -->
                <!DOCTYPE html>
                <html>
                
                <head>
                  <meta charset='UTF-8' />
                  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
                  <link  rel='stylesheet' />
                  <script src='http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
                  <style>
                    body {
                      margin: 0;
                      padding: 0;
                    }
                
                    #container {
                      position: absolute;
                      top: 0;
                      bottom: 0;
                      width: 100%;
                    }
                
                    #result {
                      background: whitesmoke;
                      border: 1px solid deepskyblue;
                      padding: 5px;
                      border-radius: 5px;
                      /*是否阻止鼠標事件*/
                      pointer-events: none;
                    }
                
                    .bmgl-widget-credits {
                      display: none
                    }
                  </style>
                  <title>part_test</title>
                </head>
                
                <body>
                  <div id="result">當前選中 :</div>
                  <div id='container'></div>
                  <script type="module">
                    import divLabel from 'http://www.xawiki.com/Public/js/3d/div.min.js'
                    // import divLabel from './div.js'
                    bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
                    var viewer = new bmgl.Viewer('container', { mapId: 'bigemap.dc-satellite', requestRenderMode: false });
                    window.viewer = viewer;//避免影響示例頁面的加載條隱藏
                    //取消默認的點擊事件
                    viewer.screenSpaceEventHandler.removeInputAction(bmgl.ScreenSpaceEventType.LEFT_CLICK);
                    //禁止默認的地形遮擋
                    viewer.scene.globe.depthTestAgainstTerrain = false;
                    var handler = new bmgl.ScreenSpaceEventHandler(viewer.canvas);
                    var val = {
                      viewer: viewer,
                      position: [104, 30],
                      height: 0,
                      offset: [0, 20],
                      dom: document.getElementById('result')
                    }
                    var layer = new divLabel(val);
                    layer.toggleShow(false);
                    handler.setInputAction(function (e) {
                      var entity = viewer.scene.pick(e.position);
                      if (entity) {
                        document.getElementById('result').innerHTML = '當前選中 :' + entity.id.id;
                        layer.changePosition(entity.id.position.getValue())
                        layer.toggleShow(true);
                      } else {
                        layer.toggleShow(false);
                      }
                    }, bmgl.ScreenSpaceEventType.LEFT_CLICK);
                    var pinBuilder = new bmgl.PinBuilder();
                    for (let i = 1; i <= 15; i++) {
                      viewer.entities.add({
                        id: i,//設置一個id,方便進行點擊判斷
                        position: bmgl.Cartesian3.fromDegrees(Math.random() * 30 + 100, Math.random() * 60 + 10),
                        billboard: {
                          image: `http://www.xawiki.com/mapoffline/marker/${i}.png`,
                          heightReference: bmgl.HeightReference.CLAMP_TO_GROUND,
                        },
                        label: {
                          scale: 1,
                          heightReference: bmgl.HeightReference.CLAMP_TO_GROUND,
                          fillColor: bmgl.Color.CYAN.withAlpha(0.5),
                          text: `Mark${i}`,
                          // showBackground: true,
                          // backgroundColor: bmgl.Color.AQUA,
                          pixelOffset: new bmgl.Cartesian2(0, -40)
                        },
                      })
                    }
                    viewer.flyTo(viewer.entities)
                    function transformCartesianToWGS84(cartesian) {
                      let ellipsoid = bmgl.Ellipsoid.WGS84;
                      let cartographic = ellipsoid.cartesianToCartographic(cartesian);
                      // var height = viewer.scene.sampleHeight(cartographic);
                      return {
                        lng: bmgl.Math.toDegrees(cartographic.longitude),
                        lat: bmgl.Math.toDegrees(cartographic.latitude),
                        alt: cartographic.height
                      }
                    }
                  </script>
                </body>
                
                </html>        
                主站蜘蛛池模板: 欧洲一级毛片免费| 中文字幕第7页| 精品一区二区三区3d动漫| 国产盗摄女厕美女嘘嘘在线观看| 一边摸一边揉一边做视频| 最新国产精品精品视频| 人人妻人人澡人人爽人人精品| 香港aa三级久久三级不卡| 国产精欧美一区二区三区| 一本伊在人香蕉线观新在线| 日韩亚洲欧美视频| 亚洲欧美一区二区三区| 精品久久久无码人妻中文字幕豆芽 | 久久综合久综合久久鬼色| 天天干天天射天天操| 久久91精品国产91久久户| 欧美77777| 亚洲精品自产拍在线观看动漫| 美女脱精光给男生摸| 国产成人精品三级在线| 800av凹凸视频在线观看| 婷婷久久综合九色综合绿巨人| 久久午夜夜伦鲁鲁片无码免费| 欧美同性videos免费可播放| 伊人久久五月天| 美女的尿口免费看软件| 国产手机在线αⅴ片无码观看| 99久久久国产精品免费牛牛| 成人免费草草视频| 久久嫩草影院免费看夜色| 欧美人与牲动交xxxxbbbb| 亚洲色图狠狠干| 精品国产福利第一区二区三区 | 国产成人高清视频| 69p69国产精品| 天天操天天干天天玩| 中文字幕一区在线观看| 日本精高清区一| 亚洲AV无码成人精品区在线观看 | 波多野结衣一区二区免费视频| 医生好大好硬好爽好紧|