微信小程序实现顶部下拉菜单栏微信小程序实现顶部下拉菜单栏
本文实例为大家分享了微信小程序实现下拉菜单栏的具体代码，供大家参考，具体内容如下
js代码
var cityData = require('../../utils/city.js');
Page({
data: {
//选择的终点城市暂存数据
endselect: "",
//终点缓存的五个城市
endcitys: [],
//用户选择省份之后对应的城市和县城
endkeys: {},
//用户选择县城
town: [],
//所有车长
commanders: cityData.getcommanders(),
//所有车型
models: cityData.getmodels(),
//选中的车长
commander: "",
//选中的车型
model: "",
displaycity: 0,
city: "起点",
city1: "目的地",
//车型
model: "车长车型",
qyopen: false,
qyshow: true,
nzopen: false,
pxopen: false,
nzshow: true,
pxshow: true,
isfull: false,
cityleft: cityData.getCity(),
citycenter: {},
cityright: {},
select1: '',
select2: '',
select3: '',
shownavindex: ''
},
onLoad: function (options) {
var that = this
var province = ""
var city = ""
var demo = new QQMapWX({
key: '你的腾讯地图apikey' // 必填
});
//先进行一次最近的数据刷新
// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.userLocation" 这个 scope
wx.getSetting({
success(res) {
if (!res['scope.userLocation']) {
wx.authorize({
scope: 'scope.userLocation',
success() {
//获取地理位置
wx.getLocation({
type: 'wgs84',
success: function (res) {
console.log(res)
var latitude = res.latitude
var longitude = res.longitude
// 调用腾讯地图的接口查询当前位置
demo.reverseGeocoder({
location: {
latitude: latitude,
剩余13页未读，继续阅读
评论0