微信公众号中 JavaScript 获取用户周边的标志性建筑列表
2016-06-22 21:21
246 查看
微信公众号中 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
}
}
太阳火神的美丽人生 (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
}
}
相关文章推荐
- java做微信支付notify_url异步通知服务端的写法
- Ionic实战一:Ionic仿照微信项目
- 通过微信查找SAP TCODE代码
- 写web api 微信对接
- .NET获取微信openid
- 关于支付宝和微信的相关问题部分汇总
- 关于支付宝和微信的相关问题部分汇总
- 随笔:tab标签随手势左右滑动的渐变效果,类似微信
- 怎么使用微信JSSDK的自定义分享功能
- 梦行扫码付 新增收款账号(支付宝)
- APP内嵌h5页面,这个H5页面如何分享到微信?
- 关于 js 微信分享 微博分享 新浪微博分享 易信分享
- 微信开发小结——积累与沉淀
- 微信支付开发
- php 在web端来播放amr语音(如微信语音)
- 微信判断请求是否来自公众账号用户名
- 微信支付趟坑之旅之单页面应用
- PHP微信支付开发实例
- CAS SSO 4.0.x 集成OAuth(微信登陆示例)
- [支付]微信NATIVE扫码支付JAVA实现