百度地图 JSAPI使用 定位当前地址 与路径规划

摘要:
http://lbsyun.baidu.com/index.php?title=jspopular  api  http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址 
http://lbsyun.baidu.com/index.php?title=jspopular  api 
http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址 

样式 div

  1. <style>
  2. #allmap {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微软雅黑";}
  3. body{
  4. font-size: 12px;
  5. }
  6. </style>

js

  1. <script type="text/javascript">
  2. // 百度地图API功能
  3. var map = new BMap.Map("allmap"); // 创建Map实例
  4. map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
  5. map.addControl(new BMap.NavigationControl());
  6. map.addControl(new BMap.ScaleControl());
  7. map.addControl(new BMap.OverviewMapControl());
  8. map.addControl(new BMap.MapTypeControl());
  9. map.setZoom(15);
  10. map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
  11. map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  12. var localp;
  13. var end = "<%=URLDecoder.decode(request.getParameter("haddr"),"utf-8")%>";
  14. var geolocation = new BMap.Geolocation();
  15. geolocation.getCurrentPosition(function(r){
  16. if(this.getStatus() == BMAP_STATUS_SUCCESS){
  17. var mk = new BMap.Marker(r.point);
  18. map.addOverlay(mk);
  19. map.panTo(r.point);
  20. localp = r.point;
  21. map.clearOverlays();
  22. search(localp,end,routePolicy[0]);
  23. }
  24. else {
  25. alert('定位失败!请确认您的浏览器开启了定位功能');
  26. }
  27. },{enableHighAccuracy: true})
  28. var routePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME,BMAP_DRIVING_POLICY_LEAST_DISTANCE,BMAP_DRIVING_POLICY_AVOID_HIGHWAYS];
  29. function search(start,end,route){
  30. var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},policy: route});
  31. driving.search(start,end);
  32. }
  33. </script>




免责声明:文章转载自《百度地图 JSAPI使用 定位当前地址 与路径规划》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇2020年5月Python+Selenium笔记(十五)调用JS下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Activiti-个人任务

1.分配任务所有者1.1固定分配在业务流程建模期间指定固定任务所有者;在properties视图中,填写Assignee项作为任务所有者;注:通过固定分配方法,任务是逐步执行的,任务负责人将根据bpmn的配置分配给每个任务;1.2表达式分配1.2.1 UEL表达式Activiti使用UEL表达式,UEL是javaEE6...

avue 常用修改

1.搜索栅栏调整colum中对象的属性:searchSpan:4,column:[{label:"模型名称",prop:"name",search:true,searchSpan:4,},2.搜索框字段位置长度column:[{label:"流程标题23423432",searchLabelWidth:200,3.编辑页面,字段lable宽度设置labelW...

ClickHouse之访问权限控制

Ck当前只有select和insert。这是我刚才提到的:60cd41aedc4e47e8883682b416109e7b7e345e15ecc63c2c98ecdab5e8e053a只读defaultdefault此部分意味着添加具有只读权限的dba用户。允许访问的数据库是默认值。源IP不受限制::/0尝试以dba用户身份登录:clickhouse-cli...

文件(夹)对比利器WinMerge

IDE中自带的svn功能较弱,还好有winMerge弥补了它的缺陷,它可以对比文件、文件夹,使用起来还是较为方便,界面也是中文。“开始”菜单,弹出对话框中选择需要进行对比的文件夹或文件然后选择一个过滤器,它自带就可以过滤掉svn目录,如需要过滤其它一些指定的目录,则需要自己修改过滤器的规则了,也很简单。...

MAC连接安卓手机通过adb指令安装apk

安卓apk可以通过adb命令安装。在MAC计算机上,如果你想通过命令行在Android手机上安装apk,你需要执行以下操作:;总之,将Android SDK的adb命令添加到环境变量中,然后通过adbin stall将apk从计算机安装到手机。最终安装过程中出现问题:无效APKfile解决方案:将要安装的APK文件放入平台工具文件,然后再次输入命令以成功安装...

PB各对象常用事件

1.触发窗口中事件名称的时间01.在激活窗口之前激活触发器02。单击触发器03.Close触发器04.CloseQuery在窗口被清除或关闭时触发。...