微信公众号中 JavaScript 获取用户周边的标志性建筑列表
太阳火神的美丽人生 (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 } }