php利用百度javascript API实现导航
2016-12-01 00:00
501 查看
/** * 导航去门店 */ public function dpdh(){ // $userid = $this->init(); if ($_GET['id']) { $where['id']=$_GET['id']; $address=M("mw_store")->where($where)->find(); $lng=$address['dinateh']; $lat=$address['dinatew']; // $this->address=$address; $this->assign('lng', $lng); $this->assign('lat', $lat); } $this->display("./Application/App/View/default/Shop/shop_dpdh.html"); }
1. 如图先建立一个控制器
再建立一个数据库 数据库字段 店铺id 店铺经纬度
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";} #allmap{height:300px;width:100%;} #r-result,#r-result table{width:100%;} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LMhoyb3RTZOaoVnwI3e3r2SMch9lgzsR"></script> <title>导航去店铺</title> </head> <body> <div id="allmap"></div> <!-- <div id="a_map"></div> --> <div id="r-result"></div> </body> </html> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); // var point = new BMap.Point(113.640395,34.754393); // map.centerAndZoom(point,17); map.centerAndZoom(new BMap.Point(113.640395,34.754393), 17); 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); var geoc = new BMap.Geocoder(); var p1 = new BMap.Point(r.point.lng,r.point.lat); var p2 = new BMap.Point({$lng},{$lat}); var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map,panel: "r-result",autoViewport: true}}); driving.search(p1, p2); // var pt = r.point; // geoc.getLocation(pt, function(rs){ // var addComp = rs.addressComponents; // var aaa = "'"+addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber+"'"; // alert(aaa); // var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, panel: "r-result", autoViewport: true}}); // driving.search(aaa, "{$address}"); // }); } else { alert('failed'+this.getStatus()); } },{enableHighAccuracy: true}) //关于状态码 //BMAP_STATUS_SUCCESS 检索成功。对应数值“0”。 //BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。 //BMAP_STATUS_UNKNOWN_LOCATION 位置结果未知。对应数值“2”。 //BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。 //BMAP_STATUS_INVALID_KEY 非法密钥。对应数值“4”。 //BMAP_STATUS_INVALID_REQUEST 非法请求。对应数值“5”。 //BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增) //BMAP_STATUS_SERVICE_UNAVAILABLE 服务不可用。对应数值“7”。(自 1.1 新增) //BMAP_STATUS_TIMEOUT 超时。对应数值“8”。(自 1.1 新增) </script>
2. 页面上引入百度的api即可
相关文章推荐
- 利用百度API(JavaScript 版)实现在地图上绘制任一多边形,并判断给定经纬度是否在多边形范围内。以及两点间的测距功能
- PHP学习笔记:利用百度api实现手机归属地查询
- 利用百度API(JavaScript 版)实现在地图上绘制任一多边形,并判断给定经纬度是否在多边形范围内。以及两点间的测距功能
- 百度Javascript API实现经纬度导航
- 利用百度API(JavaScript 版)实现在地图上绘制任一多边形,并判断给定经纬度是否在多边形范围内。以及两点间的测距功能
- android定时定位 - 利用百度定位API来实现定时定位功能
- 【Android】18.2 利用百度定位服务API实现位置跟踪
- PHP+jQuery寥寥几行代码轻松实现百度搜索那样的无刷新PJAX的分页列表和导航链接
- 利用javascript、php和ajax实现计算器
- 利用Javascript实现下拉菜单导航
- PHP利用Rest API实现远程操控Jenkins
- 利用javascript实现一些常用软件的下载导航
- php利用url实现面包屑导航
- android定时定位 - 利用百度定位API来实现定时定位功能
- 利用javascript实现一些常用软件的下载导航
- [PHP]利用MetaWeblog API实现XMLRPC功能
- Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式
- 提取谷歌坐标转百度坐标的javascript API用于PHP等服务端语言
- Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式