01_tiledMapLayerProj4.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  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_tiledMapLayerProj4"></title>
  9. <script type="text/javascript" src="../js/include-web.js"></script>
  10. </head>
  11. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  12. <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
  13. <!--[if lte IE 8]>
  14. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default-3.3&excludes=Event"></script>
  15. <![endif]-->
  16. <script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
  17. <script type="text/javascript">
  18. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  19. var map, url = host + "/iserver/services/map-jingjin/rest/maps/京津地区地图";
  20. //自定义比例尺
  21. var scaleDenominators = [4000000, 2000000, 1000000, 500000, 250000, 125000];
  22. var origin = [114.59, 42.31];
  23. //leaflet CRS投影设置
  24. var crs = L.Proj.CRS("EPSG:4326", {
  25. origin: origin,
  26. scaleDenominators: scaleDenominators
  27. });
  28. map = L.map('map', {
  29. crs: crs,
  30. center: [39.79, 116.85],
  31. maxZoom: 5,
  32. zoom: 0,
  33. });
  34. L.supermap.tiledMapLayer(url).addTo(map);
  35. </script>
  36. </body>
  37. </html>