shotscreen.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>SuperMap iClient for JavaScript</title>
  6. <style>
  7. #map{
  8. border:0px solid;
  9. }
  10. </style>
  11. <script type="text/javascript" src="js/cordova-2.7.0.js"></script>
  12. <script src="libs/SuperMap.Include.js"></script>
  13. <script src="js/ShotScreenControl.js"></script>
  14. <script type="text/javascript">
  15. var map, layer,markerLayer,shotScreenCtl;
  16. function init() {
  17. SuperMap.Util.setApp(true);
  18. map = new SuperMap.Map("map",{controls: [
  19. new SuperMap.Control.ScaleLine(),
  20. new SuperMap.Control.Zoom(),
  21. new SuperMap.Control.Navigation({dragPanOptions: {enableKinetic: true}})
  22. ]
  23. });
  24. layer = new SuperMap.Layer.CloudLayer();
  25. map.addLayers([layer]);
  26. map.setCenter(new SuperMap.LonLat(11615044.272732, 4422334.5114479), 4);
  27. }
  28. function shot(){
  29. if(!shotScreenCtl){
  30. shotScreenCtl = new SuperMap.ShotScreenControl();
  31. }
  32. shotScreenCtl.shot();
  33. }
  34. document.addEventListener("deviceready",init,false);
  35. </script>
  36. </head>
  37. <body>
  38. <div id="map" style="position:absolute;left:0px;right:0px;width:100%;height:100%;"></div>
  39. <input id="button" style="position:absolute;right:5px;top:5px;z-index:999" value="截屏" type="button" ontouchend="shot()"></input>
  40. </body>
  41. </html>