zoukankan      html  css  js  c++  java
  • 腾讯地图逆地址解析,通过经纬度获取详细的信息数据

      根据腾讯地图API,以图文的方式一步一步的来说明如何获取详细的位置信息数据。具体参考腾讯地图Webservice API的简介。腾讯地图WebService API

      第一步:申请开发者密钥(key)申请密钥

          我选择的应用类型为浏览器类型(调用Javascript API、JSONP调用WebService API、静态图API等)。

          填写完成提交好既可以获取属于自己的Key。

          

      第二步:Key获取到了,下面就要通过ajax请求获取位置信息了

          首先跟大家说一下此接口都可以获取那些信息,以及需要传哪些参数。简单来说就是输入坐标返回地理位置信息和附近poi列表(POI是“Point of Interest”的缩写,可以翻译成“信息点”,每个POI包含四方面信息,名称、类别、经度纬度、附近的酒店饭店商铺等信息)。

          

      1 {
      2     "status": 0,
      3     "message": "query ok",
      4     "result": {
      5         "location": {
      6             "lat": 39.984154,
      7             "lng": 116.30749
      8         },
      9         "address": "北京市海淀区彩和坊路北四环西路66号",
     10         "formatted_addresses": {
     11             "recommend": "海淀区北四环西路66号中国技术交易大厦内",
     12             "rough": "海淀区中关村"
     13         },
     14         "address_component": {
     15             "nation": "中国",
     16             "province": "北京市",
     17             "city": "北京市",
     18             "district": "海淀区",
     19             "street": "彩和坊路",
     20             "street_number": "北四环西路66号"
     21         },
     22         "ad_info": {
     23             "adcode": "110108",
     24             "name": "中国,北京市,北京市,海淀区",
     25             "location": {
     26                 "lat": 39.984154,
     27                 "lng": 116.307487
     28             },
     29             "nation": "中国",
     30             "province": "北京市",
     31             "city": "北京市",
     32             "district": "海淀区"
     33         },
     34         "address_reference": {
     35             "crossroad": {
     36                 "title": "彩和坊路/北四环西路辅路(路口)",
     37                 "location": {
     38                     "lat": 39.985001,
     39                     "lng": 116.308113
     40                 },
     41                 "_distance": 104.2,
     42                 "_dir_desc": "西南"
     43             },
     44             "street": {
     45                 "title": "彩和坊路",
     46                 "location": {
     47                     "lat": 39.984154,
     48                     "lng": 116.308098
     49                 },
     50                 "_distance": 49.1,
     51                 "_dir_desc": "西"
     52             },
     53             "famous_area": {
     54                 "title": "中关村",
     55                 "location": {
     56                     "lat": 39.984119,
     57                     "lng": 116.307503
     58                 },
     59                 "_distance": 0,
     60                 "_dir_desc": "内"
     61             },
     62             "town": {
     63                 "title": "海淀街道",
     64                 "location": {
     65                     "lat": 39.984154,
     66                     "lng": 116.307487
     67                 },
     68                 "_distance": 0,
     69                 "_dir_desc": "内"
     70             },
     71             "street_number": {
     72                 "title": "北四环西路66号",
     73                 "location": {
     74                     "lat": 39.984119,
     75                     "lng": 116.307503
     76                 },
     77                 "_distance": 0,
     78                 "_dir_desc": ""
     79             },
     80             "landmark_l2": {
     81                 "title": "中国技术交易大厦",
     82                 "location": {
     83                     "lat": 39.984154,
     84                     "lng": 116.307487
     85                 },
     86                 "_distance": 0,
     87                 "_dir_desc": "内"
     88             }
     89         },
     90         "poi_count": 10,
     91         "pois": [
     92             {
     93                 "id": "3629720141162880123",
     94                 "title": "中国技术交易大厦",
     95                 "address": "北四环西路66号",
     96                 "category": "房产小区;商务楼宇",
     97                 "location": {
     98                     "lat": 39.984154,
     99                     "lng": 116.307487
    100                 },
    101                 "ad_info": {
    102                     "adcode": "110108",
    103                     "province": "北京市",
    104                     "city": "北京市",
    105                     "district": "海淀区"
    106                 },
    107                 "_distance": 0,
    108                 "_dir_desc": "内"
    109             },
    110             {
    111                 "id": "12925244666643621769",
    112                 "title": "中国技术交易大厦B座",
    113                 "address": "北京市海淀区北四环西路66号",
    114                 "category": "房产小区;商务楼宇",
    115                 "location": {
    116                     "lat": 39.984112,
    117                     "lng": 116.307587
    118                 },
    119                 "ad_info": {
    120                     "adcode": "110108",
    121                     "province": "北京市",
    122                     "city": "北京市",
    123                     "district": "海淀区"
    124                 },
    125                 "_distance": 9.7,
    126                 "_dir_desc": ""
    127             },
    128             {
    129                 "id": "2845372667492951071",
    130                 "title": "中国技术交易大厦A座",
    131                 "address": "北京市海淀区北四环西路66号中国技术交易大厦",
    132                 "category": "房产小区;商务楼宇",
    133                 "location": {
    134                     "lat": 39.984112,
    135                     "lng": 116.307587
    136                 },
    137                 "ad_info": {
    138                     "adcode": "110108",
    139                     "province": "北京市",
    140                     "city": "北京市",
    141                     "district": "海淀区"
    142                 },
    143                 "_distance": 9.7,
    144                 "_dir_desc": ""
    145             },
    146             {
    147                 "id": "12017569646070509084",
    148                 "title": "中关村SOHOA区",
    149                 "address": "北京市海淀区海淀北二街8号中关村SOHO",
    150                 "category": "房产小区;商务楼宇",
    151                 "location": {
    152                     "lat": 39.983452,
    153                     "lng": 116.310143
    154                 },
    155                 "ad_info": {
    156                     "adcode": "110108",
    157                     "province": "北京市",
    158                     "city": "北京市",
    159                     "district": "海淀区"
    160                 },
    161                 "_distance": 239.6,
    162                 "_dir_desc": "西"
    163             },
    164             {
    165                 "id": "206863847875503767",
    166                 "title": "中关村SOHOB区",
    167                 "address": "北京市海淀区海淀北二街8号",
    168                 "category": "房产小区;商务楼宇",
    169                 "location": {
    170                     "lat": 39.983452,
    171                     "lng": 116.310143
    172                 },
    173                 "ad_info": {
    174                     "adcode": "110108",
    175                     "province": "北京市",
    176                     "city": "北京市",
    177                     "district": "海淀区"
    178                 },
    179                 "_distance": 239.6,
    180                 "_dir_desc": "西"
    181             },
    182             {
    183                 "id": "2586789338541507151",
    184                 "title": "大恒科技大厦南座",
    185                 "address": "北京市海淀区苏州街3号",
    186                 "category": "房产小区;商务楼宇",
    187                 "location": {
    188                     "lat": 39.9827,
    189                     "lng": 116.305359
    190                 },
    191                 "ad_info": {
    192                     "adcode": "110108",
    193                     "province": "北京市",
    194                     "city": "北京市",
    195                     "district": "海淀区"
    196                 },
    197                 "_distance": 243.2,
    198                 "_dir_desc": "东北"
    199             },
    200             {
    201                 "id": "10411172112248966185",
    202                 "title": "大恒科技大厦北座",
    203                 "address": "北京市海淀区苏州街3号",
    204                 "category": "房产小区;商务楼宇",
    205                 "location": {
    206                     "lat": 39.982422,
    207                     "lng": 116.305313
    208                 },
    209                 "ad_info": {
    210                     "adcode": "110108",
    211                     "province": "北京市",
    212                     "city": "北京市",
    213                     "district": "海淀区"
    214                 },
    215                 "_distance": 267.5,
    216                 "_dir_desc": "东北"
    217             },
    218             {
    219                 "id": "3467897955375836486",
    220                 "title": "西屋国际A座",
    221                 "address": "北京市海淀区苏州街12号",
    222                 "category": "房产小区;住宅区;住宅小区",
    223                 "location": {
    224                     "lat": 39.98093,
    225                     "lng": 116.30658
    226                 },
    227                 "ad_info": {
    228                     "adcode": "110108",
    229                     "province": "北京市",
    230                     "city": "北京市",
    231                     "district": "海淀区"
    232                 },
    233                 "_distance": 367.1,
    234                 "_dir_desc": "东北"
    235             },
    236             {
    237                 "id": "10159988224873792278",
    238                 "title": "西屋国际F座",
    239                 "address": "北京市海淀区苏州街12号",
    240                 "category": "房产小区;住宅区;住宅小区",
    241                 "location": {
    242                     "lat": 39.980793,
    243                     "lng": 116.307381
    244                 },
    245                 "ad_info": {
    246                     "adcode": "110108",
    247                     "province": "北京市",
    248                     "city": "北京市",
    249                     "district": "海淀区"
    250                 },
    251                 "_distance": 374.2,
    252                 "_dir_desc": "东北"
    253             },
    254             {
    255                 "id": "1833965334134367830",
    256                 "title": "西屋国际B座",
    257                 "address": "北京市海淀区苏州街12号",
    258                 "category": "房产小区;住宅区;住宅小区",
    259                 "location": {
    260                     "lat": 39.980759,
    261                     "lng": 116.306427
    262                 },
    263                 "ad_info": {
    264                     "adcode": "110108",
    265                     "province": "北京市",
    266                     "city": "北京市",
    267                     "district": "海淀区"
    268                 },
    269                 "_distance": 388.6,
    270                 "_dir_desc": "东北"
    271             }
    272         ]
    273     }
    274 }
    View Code

          以上就是返回的参数信息,具体的参数介绍:http://lbs.qq.com/webservice_v1/guide-gcoder.html

         下面呢,就写一下如何发送ajxa请求,当然这个请求是jsonp的跨域请求。

         

     1      var data={
     2           location:"39.984154,116.307490",
     3               /*换成自己申请的key*/
     4           key:"OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77",
     5           get_poi:0    
     6         }
     7     var url="http://apis.map.qq.com/ws/geocoder/v1/?";
     8     data.output="jsonp";  
     9     $.ajax({
    10         type:"get",
    11         dataType:'jsonp',
    12         data:data,
    13         jsonp:"callback",
    14         jsonpCallback:"QQmap",
    15         url:url,
    16         success:function(json){
    17             /*json对象转为文本 var aToStr=JSON.stringify(a);*/
    18             var toStr = JSON.stringify(json);
    19             toStr=getFormatJsonStrFromString(toStr);
    20             /*调用业务处理程序*/
    21             suggestion_example&&suggestion_example($show,url_list,toStr);
    22         },
    23         error : function(err){alert("服务端错误,请刷新浏览器后重试")}
    24 
    25 }

         这样在跨域得到的数据就可以在ajax请求的【json】中获取了。

  • 相关阅读:
    ElasticSearch学习记录
    用java代码手动控制kafkaconsumer偏移量
    kafka0.9.0及0.10.0配置属性
    kafka常用命令
    kafka消费者客户端(0.9.0.1API)
    kafka入门教程链接
    编程内功
    bzoj3145:[Feyat cup 1.5]Str
    3 SpringBoot与微服务
    2 微服务存在的问题和解决方案
  • 原文地址:https://www.cnblogs.com/benefitworld/p/5328420.html
Copyright © 2011-2022 走看看