如何实现在H5里调起高德地图实现实时定位APP

java(25)
最近做的一个项目, 一开始以为是做路线规划, 后来说是做导航
记录下代码
// 获取商品集合集合并且传回来的是名称和经纬度
getShop : function(){
& & & &url : contextPath + '/service/mobile/pc/shop',
& & & &type : 'POST',
& & & &async : false,
& & & &dataType : 'JSON'
& &}).done(function(data, textStatus, jqXHR) {
& & & var _html = '';
& & & $.each(data.list, function(index, row){
& & & lnglats2.push(row);
& & & pc.getView();
getView : function(){
var lnglats = [];
$.each(lnglats2, function(index, row){
var lnglats3 = [];
lnglats3[0] = row[1];
lnglats3[1] = row[2];
lnglats.push(lnglats3);
for(var i = 0; i & lnglats. i++) {
var name = lnglats2[i][0];
var marker = new AMap.Marker({
position: lnglats[i], // 经纬度[35435]
marker.setLabel({
& & & & & & & &offset: new AMap.Pixel(20, 20),//修改label相对于maker的位置
& & & & & & & &content: name // 店铺名称
& & & & & &});
(function(x){ &
marker.on(&click&, function(){ &
this.markOnAMAP({
& & & & & & & & & & name:''+this.getLabel().content+'',
& & & & & & & & & & position:this.getPosition() // 经纬度
& & & & & & & & })
& & & &});
& &})(i); &
map.addControl(new AMap.ToolBar());
在最后的时候, 地图上同时出现了多个标记,但是导航后,导航的地址是最后一个marker的位置, 是由于js闭包造成的;&
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:27439次
排名:千里之外
原创:24篇
(2)(1)(4)(1)(1)(3)(3)(1)(7)(1)(2)(2)(1)(3)分享在微信的H5页面如何直接调起相应的APP,进入到app该H5页面? - 知乎2被浏览731分享邀请回答0添加评论分享收藏感谢收起Android开发
在调用高德地图APP提供坐标定位位置,若果是需要导航的话可以参考下面1,如果还想知道路线、周边、导航请调用标注来实现,标注包含导航功能。
1&导航(调用显示导航图)
&&&&&&&&一种是通过高德提供的SDK实现,另一种类似下面2中高德标注的提供intent启动)
NaviPara&naviPara&=&new&NaviPara();
&&&&&&&&naviPara.setTargetPoint(new&com.amap.api.maps.model.LatLng(Double.valueOf(latitude),&Double.valueOf(longitude)));
&&&&&&&&naviPara.setNaviStyle(AMapUtils.DRIVING_AVOID_CONGESTION);
&&&&&&&&try
&&&&&&&&&&&&AMapUtils.openAMapNavi(naviPara,&context);
&&&&&&&&catch(com.amap.api.maps.AMapException&e)
&&&&&&&&&&&&Log.i(&error&,&e.getErrorMessage());
&&&&&&&&&&&&Toast.makeText(context,&&您尚未安装高德地图app或app版本过低,请确认安装最新版本&,&Toast.LENGTH_SHORT).show();
2 高德标注(调用显示图)
if&(Util.isInstall(&com.autonavi.minimap&)){
&&&&&&&&&&&&&&&&Util.goToNaviAddress(context,&xxx&,&名称&,Latitude,Longitude,&1&);
&&&&&&&&&&&&&&&&&&&&Toast.makeText(FoodDetailActivity.this,&&您尚未安装高德地图app或app版本过低,请确认安装最新本&,&Toast.LENGTH_SHORT).show();
&&&&&*&启动高德App进行地图标注
&&&&&*&@param&context
&&&&&*&@param&sourceApplication&必填&第三方调用应用名称
&&&&&*&@param&poiname&非必填&POI&名称
&&&&&*&@param&lat&必填&纬度
&&&&&*&@param&lon&必填&经度
&&&&&*&@param&dev&必填&是否偏移起终点是否偏移(0:lat
和 lon 是已经加密后的,不需要国测加密; 1:需要国测加密)
&&&&public&static&&void&goToNaviAddress(Context&context,String&sourceApplication&,&String&poiname&,&String&lat&,&String&lon&,&String&dev){
&&&&&&&&StringBuffer&stringBuffer&&=&new&StringBuffer(&androidamap://viewMap?sourceApplication=&)
&&&&&&&&&&&&&&&&.append(sourceApplication);
&&&&&&&&if&(!TextUtils.isEmpty(poiname)){
&&&&&&&&&&&&stringBuffer.append(&&poiname=&).append(poiname);
&&&&&&&&stringBuffer.append(&&lat=&).append(lat)
&&&&&&&&&&&&&&&&.append(&&lon=&).append(lon)
&&&&&&&&&&&&&&&&.append(&&dev=&).append(dev);
&&&&&&&&Lg.i(&addrress&,&stringBuffer.toString());
&&&&&&&&Intent&intent&=&new&Intent(&android.intent.action.VIEW&,&android.net.Uri.parse(stringBuffer.toString()));
&&&&&&&&intent.setPackage(&com.autonavi.minimap&);
&&&&&&&&context.startActivity(intent);
&&&&&*&根据包名检测某个APP是否安装
&&&&&*&@param&packageName&包名
&&&&&*&@return&true-安装
&&&&public&static&boolean&isInstall(String&packageName)&{
&&&&&&&&return&new&File(&/data/data/&&+&packageName).exists();
高德标注参考URLAPI:&/api/uri-api/android-uri-explain/viewmap/
高德导航参考URLAPI: /api/uri-api/android-uri-explain/navi/
高德SDK导航API:&/api/android-navi-sdk/summary/
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:719次
排名:千里之外hello world
现在H5和App原生的内容原来越互通,所涉及的业务也越来越复杂和融合,所以如何互相之间方便的调用才是王道。
场景1 && 比如用hybrid获取地理位置和短信信息,这当然需要框架封装好,比如利用框架的bridge.js(下一篇文章会详细讲这个内容) 场景2 && 最简单的比如用H5调用App然后再判断是否有安装此应用,如果有则直接打开应用,则安装如果没有则去itunes或者google市场安装。 & 比如淘宝上的立即打开功能
首先场景2的功能,我们需要了解他的几个流程 && 1.判断程序系统环境 && 2.判断有应用开启应用 && 3.判断无应用则跳到相应的链接区执行 & 我们就从淘宝的手机此功能来分析一下吧 1.js判断环境&
&& 这个环境是很好判断的
& 通过useragent即可
var ua = navigator.userA
if(ua.match(/iPhone|iPod/i) != null){
//iphone代码
else if(ua.match(/Android/i) != null){
//android代码
else if(ua.match(/iPad/i) != null){
//ipad代码
用浏览器模仿很容易看到识别手机这个的信息
这里我模仿google Nesux4的值是
navigator.userA
"Mozilla/5.0 (L Android 4.2.1; en- Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0. Mobile Safari/535.19"
这里再稍微介绍一下关于下载这种渠道的运营,
通过不同的渠道是要进行返利的,所以这一部分得作为统计,推广都是要砸钱啊~
那么淘宝的渠道就是利用TTID在淘宝平台上注册一下
TTID 是用于统计无线客户端用户访问情况的统计代码,
看淘宝的这个代码有点凌乱
1.里面居然带console
2.里面居然只有android手机才会统计频道里的数据…
2.认识了环境之后可以愉快的调用了吧?
&& 这个跟握手规则很接近,不是你想调就能掉,
&& 首先应用得定义自己的规范(schema规则)定义自己的链接,根据定制的链接才能掉。当应用定义这个规则以后不仅可以应用和页面之间调用,而且应用可以和应用之间调用。
& ios中需要在info.plist
在Info.plist中,增加一个字段,名称为CFBundleURLTypes(URL Types)。
里面的内容为数组形式,其中定义好一个CFBundleURLName后将以CFBundleURLSchemes为可以的array才是我们可以调用的内容
&key&CFBundleURLTypes&/key&
&key&CFBundleURLName&/key&
&string&package blogs.www)&/string&
&key&CFBundleURLSchemes&/key&
&string&cloud&/string&
比如定义了上面这句后就可以用iOSDevTips://的schame调用了
具体用法可见
& ios预留了以下schema
//打开Mail
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"mailto://"]]
//打开电话
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"tel://"]];
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"sms:55555"]];
//打开AppStore
NSURL *appStoreUrl = [NSURL URLWithString:@"/WebObjects/MZStore.woa/wa/viewSoftware?id=&mt=8"];
[[UIApplication sharedApplication] openURL:appStoreUrl];
Android android通过intent来调用
首先得在android配置文件manifest里面为相关需要调用的页面配置intent
&activity android:name=".MyUriActivity"&
&intent-filter&
&action android:name="android.intent.action.VIEW" /&
&category android:name="android.intent.category.DEFAULT" /&
&category android:name="android.intent.category.BROWSABLE" /&
&data android:scheme="myapp" android:host="path" /&
&/intent-filter&
&/activity&
android intent配合比较复杂,而且也可以用于在内部的调用,甚至在页面切换的时候也是必不可少的,对于调用比iphone的相对更宽泛些。全局的调用是用broadCast广播的方式进行,而页面之间的传输是在页面下定义
此外如果android要用intent调用别的app或者其他什么的还需要加相关的permission
呐在H5中我们就这样调用就好
我们来看看淘宝是怎么做到的
在里面有个intent的链接
剩下的不言自明
ok所以剩下的功能变的非常简单
var ua = navigator.userAif(ua.match(/iPhone|iPod/i) != null){
document.location = 'chblogs://'; }
else if(ua.match(/Android/i) != null){
document.location = intent:.client.end'; }
else if(ua.match(/iPad/i) != null){
document.location = 'chblogs://'; }
大部分工作完成了,坑坑也该现身了
现在要考虑的是如果app不在那么我们应该去下载页面下载
系统不会那么聪明帮你办好这件事。
这里的逻辑很简单,当没有成功打开app的时候
新页面不会弹出则页面逻辑可言进行,如果进入了新页面,则页面逻辑便终止了
所以我们可以另开一个延时的线程来判断这个事情
document.location = '';
setTimeout(function(){
//此处如果执行则表示没有app
好了,这样就完成了,坑坑就是andorid如果判断没有此程序会打开未找到页面
那我们在请求的时候就应该对android做一个检索intent://scan/#Ischeme=这样的话就ok了
所以我们之间可以这样完成了我们可以直接取itunes或者google市场下载了
看淘宝的代码
下次有时间了会继续研究一下hybrid和webapp的通信。
阅读(...) 评论()}

我要回帖

更多关于 高德地图实现导航 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信