<!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>