微信公众号中 JavaScript 获取用户周边的标志性建筑列表

来源：互联网发布：手机如何激活淘宝店铺编辑：程序博客网时间：2024/04/28 11:18

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。

1、使用微信 JS-SDK wx.getLocation 方法获取用户当前坐标，此处测试直接给定，可以使用百度坐标拾取器在地图上选点

2、新建 test.html 文件，可将如下内容拷入，

  <!-- 引入高德地图 JavaScript API 的 Key -->  <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你 javascript api key"></script>  <!-- 搜周边并返回 Json 列表 -->  <script type="text/javascript">      // 加载搜索插件 - 这个不需要依赖地图；      AMap.service(["AMap.PlaceSearch"], function() {          // 插件加载完成，构建搜索对象并指定参数          var placeSearch = new AMap.PlaceSearch({              typ:'大厦',              city: "0451", //城市          });          // 使用微信 JS-SDK wx.getLocation 方法获取用户当前坐标，此处测试直接给定，可以使用百度坐标拾取器在地图上选点          var cpoint = [126.645821,45.733826];          // 搜索哈尔滨用户当前位置方圆 200 米范围内的所有‘大厦’类型的周边物，结果以 JSON 返回          placeSearch.searchNearBy('', cpoint, 200, function(status, result) {              alert(JSON.stringify(result) );          });      });  </script>

3、使用浏览器打开以上页面文件，会弹出的窗口，其中的 json 数据可以全选复制到 http://www.bejson.com/ 进行格式化，如下：

{    "info": "OK",    "poiList": {        "pois": [            {                "id": "B0FFGBY2I0",                "name": "启点工作室",                "type": "生活服务;生活服务场所;生活服务场所",                "location": {                    "J": 45.73307,                    "D": 126.64724000000001,                    "lng": 126.64724,                    "lat": 45.73307                },                "address": "文景街14-20号",                "tel": "",                "distance": 138            }        ],        "count": 1,        "pageIndex": 1,        "pageSize": 10    }}

0 0