小程序周边厕所
来源:互联网 发布:微信玩骰子作弊软件 编辑:程序博客网 时间:2024/03/28 19:23
index.wxml文件如下,markers标点
<map id="map" longitude="{{jd}}" latitude="{{wd}}"
markers="{{markers}}" style="width: 100%; height: 1000rpx;" show-location></map>
index.js文件如下,仍使用上一节的腾讯sdk,在获取当前地理位置后,利用腾讯sdk的search方法查找周边厕所,返回数组数据。选取5个标点进行赋值。
varQQMapWX= require('../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
var latitude1, longitude1;
var getdata =[];
Page({
data:{
},
onLoad:function(options){
qqmapsdk =newQQMapWX({
key:'22VBZ-REEK5-WVSI7-QKCOP-QPM6E-W7BPO'
});
},
onReady:function(){
var that=this
wx.getLocation({
type:'wgs84',
success:function(res){
console.log(res)
latitude1 = res.latitude
longitude1 = res.longitude
qqmapsdk.search({
location:{
latitude: latitude1,
longitude: longitude1
},
keyword:'厕所',
success:function(res){
console.log(res.data);
console.log(res.data[0].location.lat);
getdata = res.data
that.setData({
wd: latitude1,
jd: longitude1,
markers:[
{
iconPath:"../libs/w.jpg",
id:0,
latitude: getdata[0].location.lat,
longitude: getdata[0].location.lng
},
{
iconPath:"../libs/w.jpg",
id:1,
latitude: getdata[1].location.lat,
longitude: getdata[1].location.lng
},
{
iconPath:"../libs/w.jpg",
id:2,
latitude: getdata[2].location.lat,
longitude: getdata[2].location.lng
},
{
iconPath:"../libs/w.jpg",
id:3,
latitude: getdata[3].location.lat,
longitude: getdata[3].location.lng
},
{
iconPath:"../libs/w.jpg",
id:4,
latitude: getdata[4].location.lat,
longitude: getdata[4].location.lng
},
]
})
}
});
}
})
},
})
- 小程序周边厕所
- 小程序之地图周边
- 腾讯地图布局小程序 “通勤助手”微信可查实时路况及找厕所
- 干货分享,一款小程序让你摆脱找不到厕所的尴尬
- linux周边小知识
- 微信小程序_厕所雷达
- 微信小程序_厕所雷达
- 微信小程序实战:厕所雷达
- 厕所
- 厕所
- 厕所
- 厕所里的尿池可以更小
- Java周边小知识--md5加密算法的Java实现类
- Java周边小知识--2,My97时间控件
- 缓存依赖中cachedependency对象及周边小讲
- 厕所~加锁
- 厕所笑话
- 厕所心情
- 【Java】同步 例子
- 图像验证码识别
- Linux下的压缩解压
- java集合框架概述
- C++搜索与回溯算法之城堡问题
- 小程序周边厕所
- ICMP协议之ping实现
- PLSQL 安装+配置( Oracle数据库连接工具 )
- pugixml 1.8快速入门
- Animated之基础篇-概述
- APP导航使用短视频来播放
- iOS
- 高并发网络编程之epoll详解
- win10 安全模式开机