js百度地图获取当前定位经纬度及省市区
首先需要引入百度地图api 和jq
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的秘钥&s=1"></script>
<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
获取经纬度和省市区
$(function () {// 页面加载时执行getLocation函数window.onload = getLocation;if (supportsGeoLocation()) {//alert("你的浏览器支持 GeoLocation.");} else {alert("不支持 GeoLocation.")}// 检测浏览器是否支持HTML5function supportsGeoLocation() {return !!navigator.geolocation;}// 单次位置请求执行的函数 function getLocation() {navigator.geolocation.getCurrentPosition(mapIt, locationError);}//定位成功时,执行的函数function mapIt(position) {lon = position.coords.longitude;lat = position.coords.latitude;// latlon = latlon = lon + "," + lat;// console.log(latlon, 'jingweidu');// alert("您位置的经度是:" + lon + " 纬度是:" + lat);// 创建地理编码(地理解析器)实例 var myGeo = new BMap.Geocoder();// 根据坐标得到地址描述 下面输入坐标。myGeo.getLocation(new BMap.Point(lon, lat), function (result) {if (result) {console.log(result);alert(JSON.stringify(result.addressComponents));}});}// 定位失败时,执行的函数function locationError(error) {console.log(error);switch (error.code) {case error.PERMISSION_DENIED:alert("无法定位.");break;case error.POSITION_UNAVAILABLE:alert("位置信息不可用.");break;case error.TIMEOUT:alert("请求超时.");break;case error.UNKNOWN_ERROR:alert("未知错误.");break;}}})
注意new BMap()是2.0版本的 new BMapGL()是1.0版本的 如果用new BMapGL()会报错 BMapGL is not defined
因为一开始就写错了 这个问题困扰了好久。。。引以为戒
js百度地图获取当前定位经纬度及省市区相关推荐
- python获取某地铁站经纬度_python基于百度地图获取指定的经纬度信息
在实际做项目的时候经常会遇上需要使用到某个位置经纬度的情况,这个位置的经纬度经常又是没有的,那么就需要基于公开的数据去获取了,这里基于百度地图提供的API来完成指定位置经纬度数据的获取,实现很简单,主 ...
- 百度地图 获取地址转换为经纬度
最近在项目中用到百度地图,由于以前没有接触过,所以刚开始感觉无从下手;百度地图JavaScript API是用JavaScript编写的程序接口,废话不多说了看例子.(这是我第一次写博客,欢迎大家指教 ...
- php地址转换成经纬度,百度地图 获取地址转换为经纬度
html> 根据地址查询经纬度 a.{ margin-right:100px; } style="position: absolute; margin-top:30px; width: ...
- js百度地图鼠标移上覆盖物时 省市区高亮,移走时恢复
鼠标移入事件 mouseoverMark (area) {//加了定时器是防止频繁触发移入事件clearTimeout(this.c);this.c = setTimeout(() => {// ...
- JS 通过百度地图获取详细地址及经纬度
下方代码可以通过百度地图获取到经纬度和详细位置地址 注意: <script type ="text / javascript"src ="http://api.ma ...
- vue中调用百度地图 获取经纬度
项目中,需要实现获取当前位置的经纬度,或者搜索某个位置并获取经纬度信息,我使用的的是vue,地图使用的是百度地图. 默认自动获取当前位置经纬度 拖动小红标 获取经纬度 关键词 查询获取经纬度 前期准备 ...
- 百度地图Geolocation的getStatus状态值(百度API获取当前位置[经纬度])
//关于状态码 //BMAP_STATUS_SUCCESS 检索成功.对应数值"0". //BMAP_STATUS_CITY_LIST 城市列表.对应数值"1" ...
- HTML网页获取当前定位经纬度/地理位置定位/百度定位/高德定位
需求描述 在HTML页面获取当前定位经纬度 代码 优先使用地理位置定位,定位失败时取百度定位,否则使用高德IP定位: <!-- 引入百度地图API(需申请百度地图开发者账号,创建秘钥使用) -- ...
- [android] 百度地图开发 (三).定位当前位置及getLastKnownLocation获取location总为空问题
前一篇百度地图开发讲述"(二).定位城市位置和城市POI搜索",主要通过监听对象MKSearchListener类实现城市兴趣点POI(Point of Intere ...
最新文章
- 根据应用程序池名称获得第一个站点的物理路径
- Xcode使用正则表达式替换
- golang for循环 使用多个变量
- [OS复习]存储管理2
- html如何左侧固定div,详解左右宽度固定中间自适应html布局解决方案
- linux怎么看系统盘,Linux系统怎么查看电脑的磁盘空间?
- dll反编译工具总结
- 华为8817升级Android5,华为c8817E官方升级包大集合
- word2016 图片去底灰_87平开门见厅,镜面扩容,将黑白灰用到极致,不奢华但精致...
- ITIL4实用指南 | ITSM的未来属于敏捷
- 盒子科技刘恒:聚合支付系统演讲
- 计算机word虚线分割,Word文档里的波浪线、虚线、分割线都是怎么打出来的?
- 翻转课堂计算机语言逻辑性,通达翻转课堂模式下大学数学教学模式的探讨
- 认知突围--读书笔记二
- android触屏对焦,Android相机对焦模式
- linux 命令运行kodi,在Ubuntu/Debian/Raspbian中安装Kodi for Linux的方法
- 批次级别和批次库存的后台字段
- Android Studio 开发app 实现支付宝授权登录,获取支付宝账号头像昵称等信息
- 模拟退火——算法思想与实例
- 自己尝试使用JSP实现医院病历管理系统