123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <title>SuperMap iClient for Javascript Android App</title>
- <link href='./css/style.css' rel='stylesheet' />
- </head>
- <body data-spy="scroll" data-target=".subnav" data-offset="50">
- <!--导航条-->
- <!--<div class="navbar navbar-fixed-top">
- <div class="navbar-inner">
- <div class="container">
- <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </a>
- <a class="brand" href="../index.html">JavaScript API</a>
- <div class="nav-collapse">
- <ul class="nav" id='titleContent'>
- <li class="">
- <a href="../index.html">首页</a>
- </li>
- <li class="">
- <a href="./intro.html">产品介绍</a>
- </li>
- <li class="">
- <a href="./developGuide.html">开发指南</a>
- </li>
- <li class="">
- <a href="./examples.html">示范程序</a>
- </li>
- <li class="">
- <a href="../apidoc/index.html">类参考</a>
- </li>
- <li class="dropdown active">
- <a class="dropdown-toggle" data-toggle="dropdown" href="">技术专题 <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="dyncSegmentationTopic.html">动态分段专题</a></li>
- <li><a href="rendererTopic.html">矢量渲染专题</a></li>
- <li><a href="mobileTopic.html">离线缓存与 APP 专题</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>-->
- <div id='container' class='container'>
- <div class='page-header'>
- <h1>SuperMap iClient for JavaScript Android App</h1>
- <hr/>
- <h2>一、SuperMap iClient for JavaScript Android App 简介</h2>
- <div class="pageImage"> <img src="./images/android.PNG" /></div>
- <p>
- SuperMap iClient for JavaScript 是一款在服务式 GIS 架构体系中,面向 HTML5 的应用开发,支持多终端,跨浏览器的客户端开发平台。
- 通过 SuperMap iClient for JavaScript,无需任何插件,便可以在浏览器上实现美观的地图展现,内容丰富的地图应用。
- </p>
- <p>
- 近些年来随着智能终端的迅速发展,LBS 应用的大众化普及,手机地图已经在日常生活中扮演着不可或缺的作用。
- 相比传统的 PC 端地图应用,手机地图的应用具有便于携带、
- 便于操作、不受空间约束等优势,移动终端这些全新的用户体验是也是传统 PC 所无法媲美。正是在这种背景下,
- SuperMap iClient for JavaScript 提供了对手机平台的扩展支持。
- </p>
- <p>
- SuperMap iClient for JavaScript 提供的 APP 应用插件,
- 在技术上采用 PhoneGap 开源开发框架,针对 PhoneGap 进行了代码兼容和优化,
- 并实现了地图离线缓存的插件化支持。通过 SuperMap iClient for JavaScript 开发平台,
- 你可以通过 HTML,CSS 和 JavaScript 技术构建出基于浏览器的地图应用;通过 PhoneGap 开发框架,你可以将已有的地图应用直接打包生成支持 Android 的应用程序,
- 并且可以调用系统级别的功能来丰富应用;通过 SuperMap iClient for JavaScript 提供的 APP 应用插件,地图应用具备离线缓存的功能,满足用户在离线状态下的地图应用。 这样,
- Web 开发人员利用已有的技术储备,不需要太多的额外学习成本就可以快速的开发出自己的地图 APP 应用。
- 该开发模式具有如下一些特点:
- </p>
- <p>
- <ul style="list-style-type:disc;">
- <li>APP应用摆脱浏览器的束缚,提供定制化的地图应用,具有较好的用户体验</li>
- <li>利用已有的Web技术,不需要考虑繁杂的底层技术</li>
- <li>支持多种手机平台</li>
- <li>支持通过 js 调用系统级接口,比如摄像头,GPS 等</li>
- <!--<li>支持地图离线缓存</li>-->
- </ul>
- </p>
- <h2>二、SuperMap JavaScript for Android APP 支持功能概述</h2>
- <p>
- SuperMap JavaScript for Android APP采用PhoneGap开源框架进行开发,所以使用该app,用户能同时使用phonegap提供的接口(详情请见<a target="_blank" href="http://docs.phonegap.com/">phonegap帮助文档</a>)。除此之外,我们还封装了以下一些功能:
- </p>
- <ol>
- <li>支持地图离线缓存:在漫游地图的过程中,客户端会使用离线缓存策略缓存地图数据,即使重新启动客户端或断网的情况下,该缓存仍然有效。
- </li>
- <li>截屏功能:客户端中封装了截屏功能,并提供了javascript的接口,可以直接用javascript实现截屏。
- </li>
- <li>定位功能:客户端中封装专门升级了定位功能,能实现wifi,gps等几种方式的综合定位功能。
- </li>
- <!--<li>一键打包:产品包中提供了一个打包工具,只需要将您的web程序所在路径设置好,即可一键打包成apk文件。
- </li>-->
- </ol>
- <h2>三、各目录及文件介绍</h2>
- <p>
- 解压下载下来的压缩包后,在resource\Android下您将看到如下目录:
- </p>
- <div class="pageImage"> <img src="./images/direct.jpg" /></div>
- <ol>
- <!--<li>
- ApkBuilder:这个目录中放的是一键打包工具,具体使用方法见<a href="apkbuilder.html" target="_blank">第八章</a>。
- </li>-->
- <li>
- data:这个目录中放的是离线地图数据。
- </li>
- <li>
- help:这个目录中放的是帮助文档。
- </li>
- <li>
- html:这个目录中放的是范例的html文件。
- </li>
- <li>
- img:这个目录中放的是相关图片文件。
- </li>
- <li>
- js:这个目录中放的是相关js文件(插件以及jquery)。
- </li>
- <li>
- libs:这个目录中放的是构建工程所需要的jar包。
- </li>
- <li>
- phonegap:这个目录中放的是phonegap相关文件。
- </li>
- <li>
- xml:这个目录中放的是phonegap的配置文件。
- </li>
- <li>
- ProjectBuilder.bat:工程文件生成工具,具体使用方法见<a href="projectbuilder.html" target="_blank">第五章</a>。
- </li>
- </ol>
- <div><h2 style="display:inline"><a class="title_a" href="environment.html">四、系统环境搭建</a></h2></div>
- <div><h2 style="display:inline"><a class="title_a" href="projectbuilder.html">五、使用ProjectBuilder生成工程</a></h2></div>
- <div><h2 style="display:inline"><a class="title_a" href="projectdirectory.html">六、安卓工程目录介绍</a></h2></div>
- <div><h2 style="display:inline"><a class="title_a" href="examples.html">七、范例介绍</a></h2></div>
- </div>
- <div class='footer'>
- <p>版权所有 © 1997-2015. 北京超图软件股份有限公司</p>
- </div>
- </div>
- <script src='./js/jquery.js'></script>
- <script src='./js/bootstrap.js'></script>
- </body>
- </html>
|