这篇文章主要介绍了微信小程序可搜索的地址选择实现详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
最终实现效果:
效果实现步骤
新建指数文件夹
index.wxml
!-页面/索引/索引。wxml-view class=' container ' view bind tap=' OnChangeAddress '输入值=' { { address } } '名称=' address '占位符='选择地点/view/viewindex.js
//页数/索引/索引。js page({ data : { address : ' ' }),OnChangeAddress(){ var _ page=this;wx。选择位置({ success :(RES)={ _ page。setdata({ address : RES . name });},fail :(err)={ console。日志(err);} });}})新建地图文件夹
map.wxml
!-页面/地图/地图。wxml-view class=' container ' map id=' myMap ' style=' width : 100%;'身高: 100%;纬度='{{latitude}} '经度=' { {经度}} '标记=“{ { markers } }”显示位置/地图/查看地图。射流研究…
//页面/地图/地图。js页面({ data : { latitude: 31.22786,longitude: 121.46658,markers: [{ id: 1,latitude : 31.22786,longitude: 121.46658,name: '上海招商局广场}] },onReady(e){ this。mapctx=wx。createmapcontext(' myMap ')})以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。