Newer
Older
ganzhou-feidu / index.html
lyg on 27 Nov 2 KB 一卡通完成
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>运行监测三维地图</title>
  <link rel="stylesheet" href="http://11.100.6.9:34668/explorer/public/lib/freedo/Freedo/Widgets/widgets.css">
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedo/Freedo/Freedo.js"></script>
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedox/FreedoX/ThirdParty/1710_lodash/lodash.min.js"></script>
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedox/FreedoX/ThirdParty/heatmap.min.js"></script>
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedox/FreedoX/ThirdParty/proj4-src.js"></script>
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedox/FreedoX/ThirdParty/shapefile.js"></script>
  <script src="http://11.100.6.9:34668/explorer/public/lib/freedox/FreedoX/FreedoX.js"></script>

  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
  <link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css" />
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
  <script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
  <style>
    html {
      height: 100%;
      width: 100%;
      font: 14px/24px "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }

    body {
      height: 100%;
      width: 100%;
      background: #000;
      color: #eee;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    .full-size {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: none;
    }
    ul,
    li {
      list-style: none;
    }
    button {
      outline: none;
      border: none;
      background: transparent;
    }
    a {
      text-decoration: none;
    }

  </style>
</head>

<body>
  <div id="freedoContainer" class="full-size"></div>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>
<script>
    // var url = "http://11.100.6.9:8889/cim-gateway//cluster_420/iserver/services/map-ugcv5-RongJiangXinQuZhengSheYingXiang2022Nian12Yue/rest/maps/蓉江新区正射影像2022年12月?freedoToken=21232f297a57a5a743894a0e4a801fc3";
    // // url = encodeURI(url)
    // var map = L.map('map', {
    //     crs: L.CRS.EPSG4326,
    //     center: [0, 0],
    //     maxZoom: 18,
    //     zoom: 1
    // });
    // new L.supermap.TiledMapLayer(url).addTo(map);
    const map = document.getElementById('freedoContainer')
    map.addEventListener('click', (e) => {
      // console.log(e, 'e点击地图')
      window.localStorage.setItem('mousePosition', JSON.stringify({x: e.clientX, y: e.clientY}))
    })
</script>
</html>