html5利用百度地图url进行定位导航
2016-10-26 00:00
465 查看
<html> <head> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script> function go(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(comeOn); }else{ x.innerHTML="这个浏览器不支持定位。"; } } function comeOn(position){ window.location.href="http://api.map.baidu.com/direction?origin= latlng:"+position.coords.latitude+","+position.coords.longitude+"|name: 我所在位置:&destination=句容葡萄采摘园&mode=driving®ion=江苏&output= html&src=yourCompanyName|yourAppName"; } </script> </head> <body> <img src="../img/menu_daohang.png" class="daohang" onclick="go()"/> </div> </body> </html>
为了适应ios版本,特意修改了。在微信端打开百度的网页导航。在其他浏览器直接打开百度地图的APP
<script> function go() { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 var weixin = u.indexOf('MicroMessenger') > -1; //是否微信 (2015-01-22新增) var webKit = u.indexOf('AppleWebKit') > -1; //alert('是否是webKit:'+webKit); //alert('是否是iOS:'+isiOS); if (weixin) { var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398, 39.897445); map.centerAndZoom(point, 12); var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function (r) { if (this.getStatus() == BMAP_STATUS_SUCCESS) { var mk = new BMap.Marker(r.point); map.addOverlay(mk); map.panTo(r.point); // alert('您的位置:' + r.point.lng + ',' + r.point.lat); window.location.href = "https://api.map.baidu.com/direction?origin=latlng:" + r.point.lat + "," + r.point.lng + "|name:我所在位置:&destination=合肥万达乐园&mode=driving®ion=江苏&output=html&src=yourCompanyName|yourAppName"; } else { alert('failed' + this.getStatus()); } }, {enableHighAccuracy: true}) } else { if (isAndroid) { window.location.href = "bdapp://map/navi?query=合肥万达乐园&type=BLK&src=webapp.navi.yourCompanyName.yourAppName" } else { window.location.href = "baidumap://map/navi?query=合肥万达乐园&src=push&type=BLK&src=webapp.line.yourCompanyName.yourAppName" } } } </script>
相关文章推荐
- 75.百度地图的URL分享--iOS 调用百度地图App进行导航
- 利用百度地图进行地图定位并实时上传
- 使用百度地图进行定位和路线导航
- 利用HTML5定位功能,实现在百度地图上定位(转)
- 利用HTML5定位功能获取经纬度,在根据经纬度利用百度地图获取位置信息
- 利用HTML5定位功能,实现在百度地图上定位
- 利用HTML5定位功能,实现在百度地图上(亲测很成功,)
- 利用HTML5技术通过百度地图实现网页定位签到考勤(原创)
- html5如何利用百度地图快速的定位经纬度
- 利用HTML5定位功能,实现在百度地图上定位
- 利用HTML5定位功能,实现在百度地图上定位 推荐
- Android 利用高德地图API进行定位、开发电子围栏、天气预报、轨迹记录、搜索周边(位置)
- 安卓调用百度地图网页版进行路径规划与导航,只需提供地名
- HTML5调用百度地图API进行地理定位实例
- android百度地图定位,点击给定经纬度的某点进行弹窗
- Android高效率编码-第三方SDK详解系列(一)——百度地图,绘制,覆盖物,导航,定位,细腻分解!
- 基于百度地图定位SDK进行简单的定位
- 最简洁的方式,实现web端百度地图一键定位导航
- 在IIS7下,利用Intelligencia.UrlRewriter进行URLReWrite
- 百度地图定位与导航