用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 實戰教程 查看內容

小程序 - 可搜索的地址選擇

Rolan 2019-11-20 00:41

最終實現效果:新建index文件夾index.wxml!--pages/index/index.wxml--view class='container' view bindtap='onChangeAddress' input value="{{address}}" name="address" placeholder="選擇地點" /view/viewindex. ...

最終實現效果:

新建index文件夾

index.wxml

  1. <!--pages/index/index.wxml-->
  2. <view class='container'>
  3. <view bindtap='onChangeAddress'>
  4. <input value="{{address}}" name="address" placeholder="選擇地點">
  5. </view>
  6. </view>

index.js

  1. // pages/index/index.js
  2. Page({
  3. data: {
  4. address: ''
  5. },
  6. onChangeAddress() {
  7. var _page = this;
  8. wx.chooseLocation({
  9. success: (res) => {
  10. _page.setData({
  11. address: res.name
  12. });
  13. },
  14. fail: (err) => {
  15. console.log(err);
  16. }
  17. });
  18. }
  19. })

新建map文件夾

map.wxml

  1. <!--pages/map/map.wxml-->
  2. <view class="container">
  3. <map
  4. id="myMap"
  5. style="width: 100%; height: 100%;"
  6. latitude="{{latitude}}"
  7. longitude="{{longitude}}"
  8. markers="{{markers}}"
  9. show-location
  10. ></map>
  11. </view>

map.js

  1. // pages/map/map.js
  2. Page({
  3. data: {
  4. latitude: 31.22786,
  5. longitude: 121.46658,
  6. markers: [{
  7. id: 1,
  8. latitude: 31.22786,
  9. longitude: 121.46658,
  10. name: '上海招商局廣場'
  11. }]
  12. },
  13. onReady(e) {
  14. this.mapCtx = wx.createMapContext('myMap')
  15. }
  16. })
鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 可憐的小黑兔 來自: 簡書
必中分分彩在线计划 山东十一选五开奖视频直播 什么是炒股 SG飞艇是官方的吗 美女麻将游戏单机手游版 天津11选5走势图阿彩 女足世界杯比分直播 3d独胆王毒胆预测专 大乐透开奖直播 犯美人过ぎる女教师 天海 内蒙古11选5中奖技巧 pk10基本走势 东京热人数最多的一部 3d字谜预测 三国麻将攻城 南粤好彩1规律 1月9快船vs凯尔特人