微信公众平台开发 百度地图导航作者：&地址：/txw1958/p/weixin69-navigation.html
一、获取目的地坐标
打开百度地图API 鼠标点击拾取坐标网页，，通过先缩小再放大，定位到拾取坐标的建筑物。
以深圳市飞亚达科技大厦为例，定位如下：
鼠标点击大厦名称，获得坐标：
113.962182, 22.544976
这分别表示经度和纬度。
二、百度地图公交、驾车、步行导航
导航接口为
http://api./direction
//PC&Webapp服务地址
参数名称参数说明是否必选备注
起点名称或经纬度，或者可同时提供名称和经纬度，此时经纬度优先级高，将作为导航依据，名称只负责展示。
1、名称：天安门2、经纬度：39.98871&纬度&,116.43234&经度&。3、名称和经纬度：name:天安门|latlng:39.234
destination
终点名称或经纬度，或者可同时提供名称和经纬度，此时经纬度优先级高，将作为导航依据，名称只负责展示。
导航模式，固定为transit、driving、walking，分别表示公交、驾车和步行
城市名或县名
当给定region时，认为起点和终点都在同一城市，除非单独给定起点或终点的城市。
origin_region
起点所在城市或县
destination_region
终点所在城市或县
表示输出类型，web上必须指定为html才能展现地图产品结果。
手机客户端忽略此参数
coord_type
坐标类型，可选参数
默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标
展现地图的级别，默认为视觉最优级别。
调用来源，规则：companyName|appName。
http://api./direction?origin=latlng:34.,108.|name:我家&destination=大雁塔&mode=driving&region=西安&output=html&src=yourCompanyName|yourAppName
//调起百度PC或Web地图，展示"西安市"从（lat:34.,lng:108. ）"我家"到"大雁塔"的驾车路线。
三、微信消息封装
根据上述消息，当收到微信地理地位坐标消息时，直接拼接出公交、驾车、步行的url，并将相应的url填在图文消息的链接中。
代码如下所示：
四、实现效果
接收到地理位置消息时
同时还有百度提供的Web版GPS实时导航
阅读(...) 评论()?您当前的位置： >
[Html5]HTML5定位在百度地图API上的应用
时间: 15:38来源:酷播　 极酷网页播放器
测试浏览器：ie11定位成功率100%，Safari定位成功率97%。其它浏览器暂时不行，HTML5获取不了地理位置信息
测试浏览器：ie11定位成功率100%，Safari定位成功率97%。其它浏览器暂时不行，HTML5获取不了地理位置信息。
&!DOCTYPE&html&&lang=&en&&&&&&&&charset=&UTF-8&&&&&&HTML5定位&&&&&&type=&text/javascript&&src=&/js/jquery/1.7.2/jquery.min.js&&&&&type=&text/javascript&&src=&http://api./api?v=2.0&ak=wqBXfIN3HkpM1AHKWujjCdsi&&&&&type=&text/javascript&&src=&/map/jsdemo/demo/convertor.js&&&&&&&type=&text/css&&&&&&*{&margin:&0&padding:&0}&&&body{text-align:&&&height:&100%;overflow:}&&&#allmap{&width:&100%;height:&100%;&position:&}&&&&&&&&&&&&&id=&allmap&&&type=&text/javascript&&&$(function(){&&&&&&if(supportsGeoLocation()){&&&&&&&&&&alert(&你的浏览器支持&GeoLocation.&);&&&&&&}else{&&&&&&&&&&alert(&不支持&GeoLocation.&)&&&&&&}&&&//&检测浏览器是否支持HTML5&&&&&&&&&&&&&&&&function&supportsGeoLocation(){&&&&&&&&&&&&&&&&&&&return&!!navigator.&&&&&&&&&&&&&&&}&&&&&//&单次位置请求执行的函数&&&&&&&&&&&&&&&&&&&&&&&&&&&&&function&getLocation(){&&&&&&&&&&&&&&&&&&&navigator.geolocation.getCurrentPosition(mapIt,locationError);&&&&&&&&&&&&&&&&}&&&//定位成功时，执行的函数&&&&&&&&&&&&&&&function&mapIt(position){&&&&&&&&&&&&&&&&&&var&lon&=&position.coords.&&&&&&&&&&&&&&&&&&&&var&lat&=&position.coords.&&&&&&&&&&&&&&&&&&&&//&alert(&您位置的经度是：&+lon+&&纬度是：&+lat);&&&&&&&&&&&&&&&&&var&map&=&new&BMap.Map(&allmap&);&&&&&&&&&&&&&&&&&var&point&=&new&BMap.Point(&&+lon+&&,&&+lat+&&);&&&&&&&&&&&&&&&&&map.centerAndZoom(point,19);&&&&&&&&&&&&&&&&&var&gc&=&new&BMap.Geocoder();&&&&&&&&&&&&&&&&&&&&&&&translateCallback&=&function&(point){&&&&&&&&&&&&&&&&&&&&&&&&&&&var&marker&=&new&BMap.Marker(point);&&&&&&&&&&&&&&&&&&&&&&&&&&&map.addOverlay(marker);&&&&&&&&&&&&&&&&&&&&&&&&&&&map.setCenter(point);&&&&&&&&&&&&&&&&&&&&&&&&&&&gc.getLocation(point,&function(rs){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&var&addComp&=&rs.addressC&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&if(addComp.province!==addComp.city){&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&var&sContent&=&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&div&&h4&style='margin:0&0&5px&0;padding:0.2em&0'&你当前的位置是：&/h4&&&+&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&style='margin:0;line-height:1.5;font-size:13text-indent:2em'&+addComp.province&+&&,&&&+&addComp.city&+&&,&&&+&addComp.district&+&&,&&&+&addComp.street&+&&,&&&+&addComp.streetNumber+&&&+&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&;}&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&else{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&var&sContent&=&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&div&&h4&style='margin:0&0&5px&0;padding:0.2em&0'&你当前的位置是：&/h4&&&+&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&style='margin:0;line-height:1.5;font-size:13text-indent:2em'&+&addComp.city&+&&,&&&+&addComp.district&+&&,&&&+&addComp.street&+&&,&&&+&addComp.streetNumber+&&&+&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&var&infoWindow&=&new&Window(sContent);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&map.openInfoWindow(infoWindow,point);&&&&&&&&&&&&&&&&&&&&&&&&&&&});&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&BMap.Convertor.translate(point,0,translateCallback);&&&&&&&&&&&&&&}&&&//&定位失败时，执行的函数&&&&&&&&&&&&&&&&function&locationError(error)&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&switch(error.code)&&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&case&error.PERMISSION_DENIED:&&&&&&&&&&&&&&&&&&&alert(&User&denied&the&request&for&Geolocation.&);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&case&error.POSITION_UNAVAILABLE:&&&&&&&&&&&&&&&&&&&&alert(&Location&information&is&unavailable.&);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&case&error.TIMEOUT:&&&&&&&&&&&&&&&&&&&&alert(&The&request&to&get&user&location&timed&out.&);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&case&error.UNKNOWN_ERROR:&&&&&&&&&&&&&&&&&&&&alert(&An&unknown&error&occurred.&);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&}&&&//&页面加载时执行getLocation函数&&&window.onload&=&getLocation;&&&&&&&&&&&})&&&&
酷播技术服务
技术与代码}