百度地图API是一套为开发者免费提供的基于 百度地图的应用程序接口,包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本,提供基本地图、位置搜索、周边搜索等。

 1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 5     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

 6     <title>我的所在城市的详细地址!</title>

 7     <script type="text/javascript" src="/Js/JQuery.js?id=1"></script>

 8 </head>

 9 <body>

10 <div id="address">地址正在加载中...</div>

11 <script type="text/javascript" src="https://api.map.baidu.com/api?ak=申请百度AK&v=2.0&services=false"></script>

12 <script type="text/javascript">

13 function GetLocation(){

14   var geolocation = new BMap.Geolocation();

15   geolocation.getCurrentPosition(function(r){

16         if(this.getStatus() == BMAP_STATUS_SUCCESS){

17             var rp = new BMap.Point(r.point.lng,r.point.lat);

18             var gc = new BMap.Geocoder();

19             gc.getLocation(rp,function(rs){

20                 var addComp = rs.addressComponents;

21                 $("#address").html("我的详细地址：<hr>"+addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber);

22             });

23         }

24   },{enableHighAccuracy: true});

25 }

26 GetLocation();

27 </script>

28 </body>

29 </html>

再此处特别需要注意：

1、services=false，因为你是在客户端执行的，一定要设置false，否则无法正确获取到详细地址。

2、你执行的域名需要去设置Referer白名单

3、应用类型：浏览器端

附：申请百度AK （http://lbsyun.baidu.com/ ）

百度API定位根据经度、维度 返回当前详细地址的更多相关文章

  1. Vue 通过调用百度API获取地理位置-经度纬度省份城市

    一.首先在百度api注册获得ak密钥 二.新建js文件,我命名为loadBMap.js,里面创建script,代码如下: /** * 加载地图 * @param {Function} callback ...

  2. 我的Android进阶之旅------>Android百度地图定位SDK功能学习

    因为项目需求,需要使用百度地图的定位功能,因此去百度地图开发平台下载了百度地图的Android定位SDK最新版本的开发包和示例代码学习. Android 定位SDK地址:http://develope ...

  3. 百度api:根据经纬度获取地理位置信息

    调用百度api,根据经度和纬度获取地理位置信息,返回Json. C#代码: using Newtonsoft.Json; using Newtonsoft.Json.Linq; using Syste ...

  4. PHP学习笔记：利用百度api实现手机归属地查询

    从来没有用过api,都不知道怎么获得api的数据,跟着demo,然后修改,终于实现了手机号码查询的功能,代码和说明很全,大家试试. <?php /** * Created by jianqing ...

  5. CoreLocation+MapKit系统定位(含坐标以及详细地址)

    iOS8 之后出现一些新的配置 [self.manager requestWhenInUseAuthorization]; 并且在info.plist文件中增加 NSLocationWhenInUse ...

  6. Android应用中使用百度地图API定位自己的位置（二）

    官方文档:http://developer.baidu.com/map/sdkandev-6.htm#.E7.AE.80.E4.BB.8B3 百度地图SDK为开发人员们提供了例如以下类型的地图覆盖物: ...

  7. HTML5根据浏览器获取经度和纬度（百度API）

    网页获取用户位置信息的办法1 调用百度地图的地图标注功能,通过百度地图API获取对应的经度和纬度进而获取地区信息 优点是比较准确,缺点是需要用户自己选择位置2 通过H5 geolocation属性获取 ...

  8. 用百度API实现热（WIFI）、GPS、基站定位

    直接在代码.. .嘎嘎 /** * 百度基站定位错误返回码 */ // 61 : GPS所在地结果 // 62 : 扫描整合的基础上有针对性的失败.在这一点上的定位结果无效. // 63 : 网络异常 ...

  9. 通过百度地图API定位--第三方开源--百度地图（一）

    1.把百度地图定位API(下载地址:http://lbsyun.baidu.com/sdk/download?selected=location)里面的libs复制到自己的项目libs里面 2.进行相 ...

随机推荐

  1. Python 学习笔记（2）

    python 引号 Python 可以使用引号( ' ).双引号( " ).三引号( ''' 或 """ ) 来表示字符串,引号的开始与结束必须是相同类型的. ...

  2. centos7.5+nginx+php急速配置

    centos7.5+nginx+php急速配置 centosnginxphp 更新系统以及添加源 yum update yum -y install epel-release 安装php以及配置 yu ...

  3. gRPC-go源码（2）：ClientConn

    摘要 在上一篇文章中,我们聊了聊gRPC是怎么管理一条从Client到Server的连接的. 我们聊到了gRPC拥有Resolver,用来解析地址:拥有Balancer,用来做负载均衡. 在这一篇文章 ...

  4. Docker 下Elasticsearch 的安装 和ik分词器

    (1)docker镜像下载 docker pull elasticsearch:5.6.8 (2)安装es容器 docker run -di --name=changgou_elasticsearch ...

  5. Get和Post请求方式

    Get和Post是两种不同的类型的请求. 它们主要有3点不同. 1.get请求通过浏览器地址栏传递表单数据.post请求通过form data 传递数据,不会通过地址栏. 2.get请求安全性较低,p ...

  6. MyBatis中的Map

    接口 int addUserMap(Map<String, Object> map); Mapper.xml <!-- Map比较灵活 传递的值为Map的key,可以为任何(野路子, ...

  7. Flink实时计算topN热榜

    TopN的常见应用场景,最热商品购买量,最高人气作者的阅读量等等. 1. 用到的知识点 Flink创建kafka数据源: 基于 EventTime 处理,如何指定 Watermark: Flink中的 ...

  8. Windows系统和Linux系统下安装Mongodb及可视化页面展示

    一.Windows系统安装MongoDB 下载地址: ​ 官方:http://www.mongodb.org/ ​ 其它:http://dl.mongodb.org/dl/win32/x86_64 下 ...

  9. 双向链表及有关操作（C语言）

    #include <stdio.h> #include <stdlib.h> /** * 含头节点双向链表定义及有关操作 */ //操作函数用到的状态码 #define TRU ...

  10. requirejs的用法

    requirejs的用法 2014年11月6日 17164次浏览 之前我的一片文章介绍过requirejs,具体地址是:http://www.haorooms.com/post/RequireJS_m ...