用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

微信小程序 - 选取搜索地点并且显示(map)

Rolan 2018-9-21 00:38

演示如下,使用时,你也许会配合它:腾讯地图路线规划wxml:1 view class='address' bindtap='onChangeAddress'2 input class='choose-address' placeholder='请选取地点' value='{{chooseAddress}}'/input3 /viewwxs ...

演示如下,使用时,你也许会配合它:腾讯地图路线规划

wxml:

  1. 1 <view class='address' bindtap='onChangeAddress'>
  2. 2 <input class='choose-address' placeholder='请选取地点' value='{{chooseAddress}}'></input>
  3. 3 </view>

wxss:

  1. 1 .choose-address{
  2. 2 border: 1px solid #000;
  3. 3 }

js

  1. 1 Page({
  2. 2 data: {
  3. 3
  4. 4 },
  5. 5 //移动选点
  6. 6 onChangeAddress: function() {
  7. 7 var _page = this;
  8. 8 wx.chooseLocation({
  9. 9 success: function(res) {
  10. 10 _page.setData({
  11. 11 chooseAddress: res.name
  12. 12 });
  13. 13 },
  14. 14 fail: function(err) {
  15. 15 console.log(err)
  16. 16 }
  17. 17 });
  18. 18 }
  19. 19 });
鲜花
鲜花 (1)
鸡蛋
鸡蛋

刚表态过的朋友 (1 人)

分享至 : QQ空间
收藏
原作者: Sunsin 来自: cnblogs
  • 开发工具 2018-10-2 14:39
    《小程序切片》可以说是一个小程序前端自动化代码生成工具,生成的代码也很规范,有兴趣的朋友可以去百度上搜一搜,了解一下!