婷婷久久网-婷婷久久久久-婷婷久久久-婷婷久-国产微拍精品一区-国产网址在线观看

顯示源代碼
選擇并彈窗
 開發文檔
            <!--
 * @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.xjqqc.cn/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.xjqqc.cn/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>        
主站蜘蛛池模板: 黑帮大佬和我的第365天| 喜迎20大文艺汇演主持词| 陕西单招真题电子版| 张钰凰| 韩国三级播放| 课课帮| 贝蒂的启蒙| 新红楼梦(香港)| 明日战记| 卡士酸奶尽量少吃| 日韩欧美动作影片| 搬山道人| 暴雪将至电影| 送老师锦旗写什么最好| 徐若| 变形金刚1原版免费观看| 美式禁忌2| 痛风能吃豆腐吗| 美容室4| 简单的公告范文| 性感瑜伽| 日本女人xxx| 永井大| 日本电影怪物| 翟佳滨老师今天答案| 远景山谷 (1981)中字| 高一英语必修一| 恋爱三万英尺| 乡村女教师 电影| 掐脖子的视频| 酱园弄 电影| 韩国电影《爱欲》| 98372电影| 欧美日韩欧美日韩| av电影在线| 新爱情乐园| 老司机avhd101高清| 欧美17p| 小学道德与法治课程标准2023版| 俺去也电影网| 泰剧《一触即爱》|