php获取百度导航栏,php利用百度javascript API实现导航
/**
* 导航去门店
*/
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 店铺经纬度
body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}
#allmap{height:300px;width:100%;}
#r-result,#r-result table{width:100%;}
导航去店铺
// 百度地图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 新增)
2. 页面上引入百度的api即可
php获取百度导航栏,php利用百度javascript API实现导航相关推荐
- html侧边导航栏跟随页面滚动,javascript练习:导航随内容滚动而跟随变化
window.οnlοad=function(){ nav(); }; //nav导航 function nav(){ var arr = [pos($('div1')).top,pos($('div ...
- android开发百度地图坐标偏差,利用百度地图Android sdk高仿微信发送位置功能及遇到的问题...
接触了百度地图开发平台半个月了,这2天试着模仿了微信给好友发送位置功能,对百度地图的操作能力又上了一个台阶 我在实现这个功能的时候,遇到一些困难,可能也是别人将会遇到的困难,特在此列出 1.在微信发送 ...
- python 百度ocr安装_Python利用百度文字识别(OCR)服务实现图片文字提取,准确率超高...
最近和朋友聊天,聊到一个充满使命感但又略显心酸的话题--下班回家在网上给小朋友抄题...那么问题来了,除了大家所知的QQ文字识别功能之外,还有哪些方式可以做到文字识别呢. 作为一名热心的Python小 ...
- android自定义底部中间突出导航栏,Android选中突出背景效果的底部导航栏功能
今天在群里看到一个底部导航选中突出效果像这样 就想着 这个应该怎么做呢,我记得类似咸鱼那种的是中间突出,不像这种 是选中哪个,哪个就突出 第一种方法 简单快捷,让UI帮忙切几张带突出背景的图片, 选中 ...
- iOS开发 导航栏渐变 图片下拉放大 导航栏移动 仿QQ 微博 知乎导航栏
开发中,我们时常会遇到导航栏颜色渐变,导航栏移动等功能;只需要复制以下系统和自定义导航栏代码到你新建的文件中,然后仿照试图控制器所举的例子使用即可,简单易用,别忘记在单例里面实现以下方法用以设置导航栏 ...
- android 顶部导航栏 自定义,Android自定义NavigationController - 安卓自定义导航栏 --【WJ】...
注意: 本文主要介绍安卓自定义顶部导航栏(iOS中成为NavigationBar):写的不尽如人意的地方,请见谅~ 概述如下: 环境 :Android Studio 1.4 for Mac 语言 :如 ...
- jq导航栏点击滚动到对应位置 导航栏随页面滑动变化对应导航颜色
需要做个手机站,顶端有导航栏,点击导航栏页面滑到相应位置,并且滑动页面,导航栏也随之变化.由于不大会js,只能网上找了些代码,但是都不完全适用,就自己改造了一番,写的比较粗糙,但是对初学者来说,算是比 ...
- html响应式导航栏制作,用Sass制作响应式导航栏(原创)
插件描述:用Sass制作响应式导航栏 更新时间:2017/12/29 下午8:33:04 更新说明:细节优化data-stop='true' : 在手机版上禁止跳转页面// 插入js代码 $(docu ...
- html导航栏文字怎么平均,对齐HTML/CSS导航栏中的文本?
好吧,很明显我做错了什么.基本上我试图在我的页面顶部创建一个垂直导航栏,在图片的右侧.对齐HTML/CSS导航栏中的文本? 它应该是这样的: 首页简历联系我 不知怎的,它不断结束了这样的: 主页简历 ...
最新文章
- HTML初级知识点总结(2)
- VPGAME 的 Kubernetes 迁移实践
- 从构建分布式秒杀系统聊聊WebSocket推送通知
- C/C++数组指针和指针数组
- Mac/Linux/Centos终端中上传文件到Linux云服务器
- 信息学奥赛一本通C++语言——1123:图像相似度
- HBase编程 API入门系列之HTable pool(6)
- [转]mysql慢查询日志
- 信息安全系统设计基础实验四:外设驱动程序设计
- 开源LitCAD:一个使用C#编写的非常简易的CAD小程序。
- tp前后端不分离源码_Thinkphp5.0+Vue2.0前后台分离框架通使用后端源码
- 新路由3 newifi d2 潘多拉PandoraBox固件,带鸡血驱动
- Spss做相关性分析
- 2021年济南市居民普通门诊统筹定点医疗机构名单
- Spring 实战-第四章-4.3 使用注解引入新方法 Introductions@DeclareParents
- Java 七参数计算
- 《东周列国志》第一回 周宣王闻谣轻杀 杜大夫化厉鸣冤
- 独立性与互不相容的区别
- javacore日志分析工具jca
- windows系统:oracle 10g的下载、安装、配置 (提供绝版安装文件下载)
热门文章
- 1 - 2 电流和电压的参考方向
- TFN T300 H系列 (6GHZ) 手持天馈线测试仪 ——基站测试分析专家
- java中example函数作用_mybatis mapper学习4-MyBatis的Mapper接口以及Example的实例函数及详解...
- 关于电脑DNS出错,如何修复和手动设置DNS
- 【实战】android网页源代码查看器
- NVIDIA Jetson NX刷机安装pytorch(看这一篇就够了!!!)
- Python3 基础语法
- 洛谷P2341 强连通分量
- 4.4 使用曲线命令修复图像色偏问题 [原创Ps教程]
- MiniTool 数据恢复帮我找回手机照片