型物认划 发表于 2022-9-12 09:26:56

微信小程序地图上选择位置


                  
很多小程序都有如霋求:
小程序当后,以文字形式显示用户所在位置,如果用户觉得不准,可以当地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化

点击选择地点


选择地点之后

下面不仅仅是源码,还希望通过源码尽量讲解小程序的相关知识



.:

组件可用作父容器,也可以用来展为段文本,组件也可以用来展示文本,区别在于中的文本不能选中。
是小程序中数据绑定的语法。在小程序中没有和 ,所以不能根据等属性获取控件,只能通过数据绑定的方式。
在. 中未变量赋值,然后 . 中就可以自动更新,这与很像,但是,小程序中是单项绑定。
丯个触摸事件,小程序中使用或者方式绑定事件,其属性值丯个函数名称,这个函数在 . 中定义,当用户触摸此时就会执行对应的函数





. 中的所有代码都应该放在函数中
其中函数是内置函数,大致相当于中的 . 函数。
如果是其他页面跳转过来,并且通过 问号的方式传递参数过来,可以使用 .参数名称获取对应的值。


.


这里用到了腾讯地图小程序客户端,上面的函数就是中亄个,作用是提供由坐标到坐标所在位置的文字描述的转换,输入坐标返回地理位置信息和附近列表。具体的使用方法参见官网,这里就不做赘述了,官网:点击当链接
调用成功之后获取并赋值给变量
这里要注意,必须通过函数设置变量的数据,视图中才可以更新

如果用户觉得定位不准,可以点击 位置信息,当地图页面,代码如下

. 函数用于跳转到其他页面,可以在 值后面以 ?参数名参数值 的方式传递参数
.:

是小程序中的组件,用于显示地图信息,属性和用于设置地图的中心点
下面是 . 完整代码


. 方法,会当地图,并且默认以用户当前位置为中心点。并且会在下面展示周仴些地点列表,供用户选择,用户选择完地点后,点击 完成,会触发 其参数指定的函数,可以通过参数 获取地点名称、经纬度等相关信息
在这里,获取当相关信息后跳转到主页,同时将用户选择的位置名称传递过去
在 . 中,三段代码用来处理:如果用户在点击 完成 前没有选择任何位置,则继续显示当前位置,否则显示用户选择的位置。















               
页: [1]
查看完整版本: 微信小程序地图上选择位置