成都网站建设设计

将想法与焦点和您一起共享

HTML5页面直接调用百度地图API如何获取当前位置直接导航目的地

这篇文章主要介绍了HTML5页面直接调用百度地图API如何获取当前位置直接导航目的地,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联服务紧随时代发展步伐,进行技术革新和技术进步,经过十余年的发展和积累,已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员,并且完全形成了一套成熟的业务流程,能够完全依照客户要求对网站进行成都网站设计、网站制作、建设、维护、更新和改版,实现客户网站对外宣传展示的首要目的,并为客户企业品牌互联网化提供全面的解决方案。

我是应用在微信中,自定义菜单,菜单直接链接到这个HTML5页面,获取当前位置后,页面中定好目的地,这样打开页面后直接进入导航页面

可以省下先发送位置信息后,点确定再出导航,省一步,



    
    
    HTML5页面直接调用百度地图API,获取当前位置,直接导航目的地
      
    
  
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
     

  
   
             var map = new BMap.Map("allmap");       var point = new BMap.Point(116.709684,39.89778);     map.centerAndZoom(point, 16);       map.enableScrollWheelZoom();      var myIcon = new BMap.Icon("myicon.png",new BMap.Size(30,30),{         anchor: new BMap.Size(10,10)         });     var marker=new BMap.Marker(point,{icon: myIcon});       map.addOverlay(marker);       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);//地图中心点移到当前位置             var latCurrent = r.point.lat;             var lngCurrent = r.point.lng;             //alert('我的位置:'+ latCurrent + ',' + lngCurrent);             location.href="http://api.map.baidu.com/direction?origin="+latCurrent+","+lngCurrent+"&destination=39.89778,116.709684&mode=driving®ion=北京&output=html";         }         else {             alert('failed'+this.getStatus());         }             },{enableHighAccuracy: true})     map.addOverlay(marker);       var licontent="健龙森羽毛球馆
";           licontent+="地址:北京市通州区滨河中路108号
";           licontent+="电话:(010)81556565 / 6969
";               var opts = {          width : 200,         height: 80,     };              var  infoWindow = new BMap.InfoWindow(licontent, opts);       marker.openInfoWindow(infoWindow);       marker.addEventListener('click',function(){         marker.openInfoWindow(infoWindow);     });  

感谢你能够认真阅读完这篇文章,希望小编分享的“HTML5页面直接调用百度地图API如何获取当前位置直接导航目的地”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


名称栏目:HTML5页面直接调用百度地图API如何获取当前位置直接导航目的地
当前地址:http://chengdu.cdxwcx.cn/article/peghoc.html

其他资讯