溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了微信小程序 可搜索的地址選擇實現詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
最終實現效果：
效果實現步驟
新建index文件夾
index.wxml
<!--pages/index/index.wxml-->
<view class='container'>
<view bindtap='onChangeAddress'>
<input value="{{address}}" name="address" placeholder="選擇地點">
</view>
</view>
index.js
// pages/index/index.js
Page({
data: {
address: ''
},
onChangeAddress() {
var _page = this;
wx.chooseLocation({
success: (res) => {
_page.setData({
address: res.name
});
},
fail: (err) => {
console.log(err);
}
});
}
})
新建map文件夾
map.wxml
<!--pages/map/map.wxml-->
<view class="container">
<map
id="myMap"
latitude="{{latitude}}"
longitude="{{longitude}}"
markers="{{markers}}"
show-location
></map>
</view>
map.js
// pages/map/map.js
Page({
data: {
latitude: 31.22786,
longitude: 121.46658,
markers: [{
id: 1,
latitude: 31.22786,
longitude: 121.46658,
name: '上海招商局廣場'
}]
},
onReady(e) {
this.mapCtx = wx.createMapContext('myMap')
}
})
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
