首先需要引入百度地图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百度地图获取当前定位经纬度及省市区相关推荐

  1. python获取某地铁站经纬度_python基于百度地图获取指定的经纬度信息

    在实际做项目的时候经常会遇上需要使用到某个位置经纬度的情况,这个位置的经纬度经常又是没有的,那么就需要基于公开的数据去获取了,这里基于百度地图提供的API来完成指定位置经纬度数据的获取,实现很简单,主 ...

  2. 百度地图 获取地址转换为经纬度

    最近在项目中用到百度地图,由于以前没有接触过,所以刚开始感觉无从下手;百度地图JavaScript API是用JavaScript编写的程序接口,废话不多说了看例子.(这是我第一次写博客,欢迎大家指教 ...

  3. php地址转换成经纬度,百度地图 获取地址转换为经纬度

    html> 根据地址查询经纬度 a.{ margin-right:100px; } style="position: absolute; margin-top:30px; width: ...

  4. js百度地图鼠标移上覆盖物时 省市区高亮,移走时恢复

    鼠标移入事件 mouseoverMark (area) {//加了定时器是防止频繁触发移入事件clearTimeout(this.c);this.c = setTimeout(() => {// ...

  5. JS 通过百度地图获取详细地址及经纬度

    下方代码可以通过百度地图获取到经纬度和详细位置地址 注意: <script type ="text / javascript"src ="http://api.ma ...

  6. vue中调用百度地图 获取经纬度

    项目中,需要实现获取当前位置的经纬度,或者搜索某个位置并获取经纬度信息,我使用的的是vue,地图使用的是百度地图. 默认自动获取当前位置经纬度 拖动小红标 获取经纬度 关键词 查询获取经纬度 前期准备 ...

  7. 百度地图Geolocation的getStatus状态值(百度API获取当前位置[经纬度])

    //关于状态码 //BMAP_STATUS_SUCCESS 检索成功.对应数值"0". //BMAP_STATUS_CITY_LIST 城市列表.对应数值"1" ...

  8. HTML网页获取当前定位经纬度/地理位置定位/百度定位/高德定位

    需求描述 在HTML页面获取当前定位经纬度 代码 优先使用地理位置定位,定位失败时取百度定位,否则使用高德IP定位: <!-- 引入百度地图API(需申请百度地图开发者账号,创建秘钥使用) -- ...

  9. [android] 百度地图开发 (三).定位当前位置及getLastKnownLocation获取location总为空问题

           前一篇百度地图开发讲述"(二).定位城市位置和城市POI搜索",主要通过监听对象MKSearchListener类实现城市兴趣点POI(Point of Intere ...

最新文章

  1. 根据应用程序池名称获得第一个站点的物理路径
  2. Xcode使用正则表达式替换
  3. golang for循环 使用多个变量
  4. [OS复习]存储管理2
  5. html如何左侧固定div,详解左右宽度固定中间自适应html布局解决方案
  6. linux怎么看系统盘,Linux系统怎么查看电脑的磁盘空间?
  7. dll反编译工具总结
  8. 华为8817升级Android5,华为c8817E官方升级包大集合
  9. word2016 图片去底灰_87平开门见厅,镜面扩容,将黑白灰用到极致,不奢华但精致...
  10. ITIL4实用指南 | ITSM的未来属于敏捷
  11. 盒子科技刘恒:聚合支付系统演讲
  12. 计算机word虚线分割,Word文档里的波浪线、虚线、分割线都是怎么打出来的?
  13. 翻转课堂计算机语言逻辑性,通达翻转课堂模式下大学数学教学模式的探讨
  14. 认知突围--读书笔记二
  15. android触屏对焦,Android相机对焦模式
  16. linux 命令运行kodi,在Ubuntu/Debian/Raspbian中安装Kodi for Linux的方法
  17. 批次级别和批次库存的后台字段
  18. Android Studio 开发app 实现支付宝授权登录,获取支付宝账号头像昵称等信息
  19. 模拟退火——算法思想与实例
  20. 自己尝试使用JSP实现医院病历管理系统

热门文章

  1. 牛客国庆集训派对Day1 New Game!+计算几何
  2. 利用cookie进行模拟登录并且抓取失败
  3. 英语学习APP开发解决方案
  4. Line APP端协议登录、群发、拉群功能
  5. 哪款蓝牙耳机的音质好?四款音质最好的蓝牙耳机测评
  6. Charles的基本使用方法
  7. 【每日新闻】摩托罗拉折叠屏手机准备就绪:上下折叠
  8. 乌镇互联网大会:大佬们都爱AI
  9. 优动漫PAINT漫画和插画方面软件特色
  10. 第二届“马栏山”杯国际音视频算法大赛高分攻略