index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <title>SuperMap iClient for Javascript Android App</title>
  8. <link href='./css/style.css' rel='stylesheet' />
  9. </head>
  10. <body data-spy="scroll" data-target=".subnav" data-offset="50">
  11. <!--导航条-->
  12. <!--<div class="navbar navbar-fixed-top">
  13. <div class="navbar-inner">
  14. <div class="container">
  15. <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  16. <span class="icon-bar"></span>
  17. <span class="icon-bar"></span>
  18. <span class="icon-bar"></span>
  19. </a>
  20. <a class="brand" href="../index.html">JavaScript API</a>
  21. <div class="nav-collapse">
  22. <ul class="nav" id='titleContent'>
  23. <li class="">
  24. <a href="../index.html">首页</a>
  25. </li>
  26. <li class="">
  27. <a href="./intro.html">产品介绍</a>
  28. </li>
  29. <li class="">
  30. <a href="./developGuide.html">开发指南</a>
  31. </li>
  32. <li class="">
  33. <a href="./examples.html">示范程序</a>
  34. </li>
  35. <li class="">
  36. <a href="../apidoc/index.html">类参考</a>
  37. </li>
  38. <li class="dropdown active">
  39. <a class="dropdown-toggle" data-toggle="dropdown" href="">技术专题 <b class="caret"></b></a>
  40. <ul class="dropdown-menu">
  41. <li><a href="dyncSegmentationTopic.html">动态分段专题</a></li>
  42. <li><a href="rendererTopic.html">矢量渲染专题</a></li>
  43. <li><a href="mobileTopic.html">离线缓存与 APP 专题</a></li>
  44. </ul>
  45. </li>
  46. </ul>
  47. </div>
  48. </div>
  49. </div>
  50. </div>-->
  51. <div id='container' class='container'>
  52. <div class='page-header'>
  53. <h1>SuperMap iClient for JavaScript Android App</h1>
  54. <hr/>
  55. <h2>一、SuperMap iClient for JavaScript Android App 简介</h2>
  56. <div class="pageImage"> <img src="./images/android.PNG" /></div>
  57. <p>
  58. SuperMap iClient for JavaScript 是一款在服务式 GIS 架构体系中,面向 HTML5 的应用开发,支持多终端,跨浏览器的客户端开发平台。
  59. 通过 SuperMap iClient for JavaScript,无需任何插件,便可以在浏览器上实现美观的地图展现,内容丰富的地图应用。
  60. </p>
  61. <p>
  62. 近些年来随着智能终端的迅速发展,LBS 应用的大众化普及,手机地图已经在日常生活中扮演着不可或缺的作用。
  63. 相比传统的 PC 端地图应用,手机地图的应用具有便于携带、
  64. 便于操作、不受空间约束等优势,移动终端这些全新的用户体验是也是传统 PC 所无法媲美。正是在这种背景下,
  65. SuperMap iClient for JavaScript 提供了对手机平台的扩展支持。
  66. </p>
  67. <p>
  68. SuperMap iClient for JavaScript 提供的 APP 应用插件,
  69. 在技术上采用 PhoneGap 开源开发框架,针对 PhoneGap 进行了代码兼容和优化,
  70. 并实现了地图离线缓存的插件化支持。通过 SuperMap iClient for JavaScript 开发平台,
  71. 你可以通过 HTML,CSS 和 JavaScript 技术构建出基于浏览器的地图应用;通过 PhoneGap 开发框架,你可以将已有的地图应用直接打包生成支持 Android 的应用程序,
  72. 并且可以调用系统级别的功能来丰富应用;通过 SuperMap iClient for JavaScript 提供的 APP 应用插件,地图应用具备离线缓存的功能,满足用户在离线状态下的地图应用。 这样,
  73. Web 开发人员利用已有的技术储备,不需要太多的额外学习成本就可以快速的开发出自己的地图 APP 应用。
  74. 该开发模式具有如下一些特点:
  75. </p>
  76. <p>
  77. <ul style="list-style-type:disc;">
  78. <li>APP应用摆脱浏览器的束缚,提供定制化的地图应用,具有较好的用户体验</li>
  79. <li>利用已有的Web技术,不需要考虑繁杂的底层技术</li>
  80. <li>支持多种手机平台</li>
  81. <li>支持通过 js 调用系统级接口,比如摄像头,GPS 等</li>
  82. <!--<li>支持地图离线缓存</li>-->
  83. </ul>
  84. </p>
  85. <h2>二、SuperMap JavaScript for Android APP 支持功能概述</h2>
  86. <p>
  87. SuperMap JavaScript for Android APP采用PhoneGap开源框架进行开发,所以使用该app,用户能同时使用phonegap提供的接口(详情请见<a target="_blank" href="http://docs.phonegap.com/">phonegap帮助文档</a>)。除此之外,我们还封装了以下一些功能:
  88. </p>
  89. <ol>
  90. <li>支持地图离线缓存:在漫游地图的过程中,客户端会使用离线缓存策略缓存地图数据,即使重新启动客户端或断网的情况下,该缓存仍然有效。
  91. </li>
  92. <li>截屏功能:客户端中封装了截屏功能,并提供了javascript的接口,可以直接用javascript实现截屏。
  93. </li>
  94. <li>定位功能:客户端中封装专门升级了定位功能,能实现wifi,gps等几种方式的综合定位功能。
  95. </li>
  96. <!--<li>一键打包:产品包中提供了一个打包工具,只需要将您的web程序所在路径设置好,即可一键打包成apk文件。
  97. </li>-->
  98. </ol>
  99. <h2>三、各目录及文件介绍</h2>
  100. <p>
  101. 解压下载下来的压缩包后,在resource\Android下您将看到如下目录:
  102. </p>
  103. <div class="pageImage"> <img src="./images/direct.jpg" /></div>
  104. <ol>
  105. <!--<li>
  106. ApkBuilder:这个目录中放的是一键打包工具,具体使用方法见<a href="apkbuilder.html" target="_blank">第八章</a>。
  107. </li>-->
  108. <li>
  109. data:这个目录中放的是离线地图数据。
  110. </li>
  111. <li>
  112. help:这个目录中放的是帮助文档。
  113. </li>
  114. <li>
  115. html:这个目录中放的是范例的html文件。
  116. </li>
  117. <li>
  118. img:这个目录中放的是相关图片文件。
  119. </li>
  120. <li>
  121. js:这个目录中放的是相关js文件(插件以及jquery)。
  122. </li>
  123. <li>
  124. libs:这个目录中放的是构建工程所需要的jar包。
  125. </li>
  126. <li>
  127. phonegap:这个目录中放的是phonegap相关文件。
  128. </li>
  129. <li>
  130. xml:这个目录中放的是phonegap的配置文件。
  131. </li>
  132. <li>
  133. ProjectBuilder.bat:工程文件生成工具,具体使用方法见<a href="projectbuilder.html" target="_blank">第五章</a>。
  134. </li>
  135. </ol>
  136. <div><h2 style="display:inline"><a class="title_a" href="environment.html">四、系统环境搭建</a></h2></div>
  137. <div><h2 style="display:inline"><a class="title_a" href="projectbuilder.html">五、使用ProjectBuilder生成工程</a></h2></div>
  138. <div><h2 style="display:inline"><a class="title_a" href="projectdirectory.html">六、安卓工程目录介绍</a></h2></div>
  139. <div><h2 style="display:inline"><a class="title_a" href="examples.html">七、范例介绍</a></h2></div>
  140. </div>
  141. <div class='footer'>
  142. <p>版权所有&nbsp;&copy; 1997-2015. &nbsp;北京超图软件股份有限公司</p>
  143. </div>
  144. </div>
  145. <script src='./js/jquery.js'></script>
  146. <script src='./js/bootstrap.js'></script>
  147. </body>
  148. </html>