others_a0mapPrint.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  8. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=9,IE=10,IE=11"/>
  9. <title data-i18n="resources.title_a0mapPrint"></title>
  10. <style type="text/css">
  11. .editPane {
  12. position: absolute;
  13. right: 180px;
  14. top: 10px;
  15. text-align: center;
  16. background: #FFF;
  17. z-index: 1000;
  18. }
  19. </style>
  20. </head>
  21. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  22. <div class='panel panel-primary editPane' id='editPane' style="z-index: 99999">
  23. <div class='panel-heading'>
  24. <h5 class='panel-title text-center' data-i18n="resources.text_a0mapPrint"></h5>
  25. </div>
  26. <div class='panel-body' id='params'>
  27. <p></p>
  28. <div align='center' class='button-group'>
  29. <input type='button' id='btn1' class='btn btn-primary' data-i18n="[value]resources.btn_a0Print"
  30. onclick="doLargeFormatPrint()"/>
  31. </div>
  32. </div>
  33. </div>
  34. <div id="map" style="margin:0 auto;width: 100%;height: 100%; position: relative;"></div>
  35. <script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
  36. <script type="text/javascript" exclude="iclient-classic" include="LargeFormatPrints"
  37. src="../../dist/classic/include-classic.js"></script>
  38. <script type="text/javascript">
  39. var map, layer;
  40. host = window.isLocal ? window.server : "https://iserver.supermap.io",
  41. url = host + "/iserver/services/map-china400/rest/maps/China";
  42. //定义layer图层,TiledDynamicRESTLayer:分块动态 REST 图层
  43. layer = new SuperMap.Layer.TiledDynamicRESTLayer("China", url, {
  44. transparent: true,
  45. cacheEnabled: true
  46. }, {maxResolution: "auto", useCanvas: false});
  47. //为图层初始化完毕添加addLayer()事件
  48. layer.events.on({"layerInitialized": addLayer});
  49. map = new SuperMap.Map("map", {
  50. controls: [
  51. new SuperMap.Control.LayerSwitcher(),
  52. new SuperMap.Control.OverviewMap(),
  53. new SuperMap.Control.ScaleLine(),
  54. new SuperMap.Control.Zoom(),
  55. new SuperMap.Control.Navigation({
  56. dragPanOptions: {
  57. enableKinetic: true
  58. }
  59. })
  60. ]
  61. });
  62. function addLayer() {
  63. map.addLayers([layer]);
  64. map.setCenter(new SuperMap.LonLat(9733502.481499, 4614406.969325), 4);
  65. }
  66. //A0大幅打印
  67. function doLargeFormatPrint() {
  68. var broz = SuperMap.Browser.name;
  69. if (broz == 'msie' && parseInt(SuperMap.Browser.version) < 9) {
  70. widgets.alert.showAlert(resources.msg_supportPrint, false);
  71. return;
  72. }
  73. //map.div.style.display = "none";
  74. var center = map.getCenter();
  75. var scale = map.getScale();
  76. LargeFormatPrint && LargeFormatPrint.excute(url, "3857", scale, center, "A0", map);
  77. }
  78. </script>
  79. </body>
  80. </html>