index-zw-realtime.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html style="overflow : hidden; ">
  3. <head>
  4. <title>测绘局图接入</title>
  5. <meta name="keywords" content="矢量瓦片,矢量索引">
  6. <meta name="description" content="矢量瓦片">
  7. <meta name="content-type" content="text/html; charset=UTF-8">
  8. <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  9. <!-- <link rel="stylesheet" href="leaflet.css" />
  10. <script src="leaflet-src.js"></script>
  11. <script src="CustomWebSDK.min.js"></script>
  12. <script src="leaflet-omnivore.min.js"></script>
  13. <script src="tileLayer.wmts.js"></script>
  14. <script src="tileLayer.wmts.realtime.js"></script>
  15. <script src="MovingMarker.js"></script>
  16. <script src="realtime.js"></script> -->
  17. <!--script src="CustomWebSDK.min.js"></script-->
  18. <script>
  19. window.SITE_CONFIG = {};
  20. window.SITE_CONFIG['isMapOnProduct'] = true
  21. // window.SITE_CONFIG['mapConfigName'] = 'mapConfig_4326'
  22. // window.SITE_CONFIG['poihost'] = 'http://10.110.35.104:80/sgyztapi'
  23. </script>
  24. <script src="./libs/jquery-1.11.3.min.js"></script>
  25. <script src="./map-easy-client/map-easy-insert.js" charset="utf-8" type="text/javascript"></script>
  26. </head>
  27. <body style="margin : 0; " onload="load()">
  28. <div id="map" class="map" style ="position:absolute;bottom:0px;top:0px;width:100%"></div>
  29. <span id="jwd" style="position:absolute;bottom:5px;left:100px;z-index: 1000;font-size: 12px;"></span>
  30. <script>
  31. var map;
  32. function load(){
  33. map = window.initMap('map')
  34. var layer = loadRealtimePOI();
  35. map.addLayer(layer);
  36. }
  37. </script>
  38. </body>
  39. </html>