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

简介: 微信公众号中 JavaScript 获取用户周边的标志性建筑列表太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。

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

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

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

转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOSAndroid、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
    }
}
















目录
相关文章
|
4月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
83 0
|
1月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
19 2
|
2月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
19 5
|
2月前
|
小程序 前端开发 索引
微信小程序中的条件渲染和列表渲染,wx:if ,wx:elif,wx:else,wx:for,wx:key的使用,以及block标记和hidden属性的说明
这篇文章介绍了微信小程序中条件渲染和列表渲染的使用方法,包括wx:if、wx:elif、wx:else、wx:for、wx:key以及block标记和hidden属性的使用。
微信小程序中的条件渲染和列表渲染,wx:if ,wx:elif,wx:else,wx:for,wx:key的使用,以及block标记和hidden属性的说明
|
5月前
|
JavaScript 索引
Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素
【6月更文挑战第25天】Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素。基本语法是`v-for=&quot;(item, index) in items&quot;`,支持遍历对象的键值对。注意与`v-if`同用时应使用`&lt;template&gt;`,组件上使用`v-for`需设`key`属性以优化性能。
68 2
|
5月前
|
开发工具
微信客服系统开发SDK使用教程- 拉取当前微信个人号列表请求(立即)
微信客服系统开发SDK使用教程- 拉取当前微信个人号列表请求(立即)
|
4月前
|
小程序 开发者
【微信小程序】 微信小程序报错不在以下request合法域名列表中
【微信小程序】 微信小程序报错不在以下request合法域名列表中
923 0
|
4月前
|
小程序
【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)
424 0
|
4月前
|
小程序 数据库
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)
【微信小程序-原生开发】实用教程15 - 列表的排序、搜索(含云数据库常用查询条件的使用方法,t-search 组件的使用)
116 0