149 lines
8.7 KiB
HTML
149 lines
8.7 KiB
HTML
|
<!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>
|