微信小程序API之map

wxml：

<map id="map"
longitude="113.324520"
latitude="23.099994"
scale="16"
markers="{{markers}}"
style="width:100%;height:1214rpx"></map>

js：

// pages/map/map.js
Page({/*** 页面的初始数据*/data: {markers:[{id:0,latitude:23.099994,longitude:113.324520,width:35,heigth:50}]},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {//实例this.map=wx.createMapContext('map',this);//输出this.map.getCenterLocation({success(res){console.log(res);}})},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

微信小程序API之map相关推荐

小程序长按api_微信小程序API相关知识科普
微信小程序API(Application Programming Interface),即应用程序编程接口.API是一种接口函数,把函数封装起来,给开发者,这样好多的功能就不需要你去实现了,只要会调用 ...
微信小程序上传接口php,微信小程序API 上传、下载
微信小程序API 上传.下载 wx.uploadFile(OBJECT) 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口 ...
微信小程序api接口调用用封装
微信小程序api接口调用用封装 1. 在 02-项目下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步 ...
微信小程序API之showActionSheet（操作菜单）
微信小程序API之showActionSheet(操作菜单) wxml: <button bindtap="cd01">操作菜单01</button> &l ...
微信小程序API之showModal（Loding...）
微信小程序API之showModal(Loding-) wxml: <button bindtap="ts01">显示 Loading 加载框</button&g ...
微信小程序API之video
微信小程序API之video wxml: <button bindtap="tz">跳转tab页面</button><navigator url=&q ...
微信小程序API之setInterval
微信小程序API之setInterval wxml: <button bindtap="mystart">开始计数</button><button b ...
微信小程序API之request
微信小程序API之request wxml: <button bindtap="zfc">获取远程字符串数据</button> 返回数据: {{jieguo ...
微信小程序API之getSystemInfo
微信小程序API之getSystemInfo js: // pages/getSystemInfo/getSystemInfo.js Page({/*** 页面的初始数据*/data: {},/*** ...

微信小程序API之map

微信小程序API之map

微信小程序API之map相关推荐

最新文章

热门文章