用戶
 找回密碼
 立即注冊

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空間
收藏
原作者: 可憐的小黑兔 來自: 簡書
必中分分彩在线计划 黑龙江省十一选五遗漏数据 江西11选5走势图时时彩 大为配资 江苏体彩七位数 每日股票推荐 博客 今日大盘股票 股票实时数据 福建十一选五开奖号码多少 炒股票软件排行榜 十一运夺金走势图时时彩 福建11选五5前3走势图 哪个网站可以买宁夏十一选五 20选5预测 韩国1.5分彩开奖数据 云南11选五电视走势图 股票指数怎么算出来的