components_openFile.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <title data-i18n="resources.title_openFile"></title>
  9. <script type="text/javascript" src="../js/include-web.js"></script>
  10. <script type="text/javascript" include="iclient-leaflet-css,xlsx"
  11. src="../../dist/leaflet/include-leaflet.js"></script>
  12. </head>
  13. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  14. <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
  15. <div id="loading">....</div>
  16. <script type="text/javascript">
  17. var map = L.map('map', {
  18. center: [38, 110],
  19. zoom: 5,
  20. });
  21. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  22. var url = host + '/iserver/services/map-china400/rest/maps/China';
  23. var baseLayers = L.supermap.tiledMapLayer(url).addTo(map);
  24. var layersControl = L.control.layers({"baseLayers": baseLayers}, {}, {"position": 'topleft'}).addTo(map);
  25. var openFileComponents = L.supermap.components.openFile().addTo(map);
  26. //将成功返回的数据加载到地图
  27. openFileComponents.on("openfilesucceeded", function (e) {
  28. var layer = L.geoJSON(e.result).addTo(map);
  29. map.flyToBounds(layer.getBounds());
  30. layersControl.addOverlay(layer, e.layerName);
  31. });
  32. //避免与"源码"控件重叠
  33. openFileComponents.rootContainer.style.margin = "40px 4px 0px 0px";
  34. </script>
  35. </body>
  36. </html>