出售本站【域名】【外链】

织梦CMS - 轻松建站从此开始!

微梦云-AI人工智能

当前位置: 微梦云-AI人工智能 > 小程序营销 > 文章页

app(微信小程序)编写小程序加载map地图总结

时间:2024-10-08 14:53来源: 作者:admin 点击: 24 次
文章浏览阅读9.4k次,点赞6次,收藏41次。因为自己想在手机端开发一个应用要应用Vue框架,所以就想到了uni-app,其中一个模块就要加载地图并获取位置信息。这个uni官网给了api,调用也还方面,现就开发中的思路和几个关键方法进行说明,由于uni-app最开始就是以微信小程序为主的,所以他和微

uni-app是一款基于xue.js框架的跨平台开发工具,可以同时开发微信小步调、q5、App等多个平台的使用。正在uni-app中,咱们可以很便捷地运用舆图组件来符号点。 首先,咱们须要引入uni-app官方供给的舆图组件,正在页面的json文件中添加以下代码: ``` { "usingComponents": { "uni-map": "@dcloudio/uni-map/uni-map" } } ``` 而后,正在须要运用舆图的页面中,正在template中添加以下代码: ``` <template> <ZZZiew> <uni-map :longitude="longitude" :latitude="latitude" :markers="markers" :include-points="true" ></uni-map> </ZZZiew> </template> ``` 正在script中,咱们须要界说舆图的经纬度和符号点的数据: ``` <script> eVport default { data() { return { longitude: 113.324520, latitude: 23.099994, markers: [{ id: 1, longitude: 113.324520, latitude: 23.099994, title: '符号点1', iconPath: '/static/marker.png', width: 30, height: 30 }, { id: 2, longitude: 113.326520, latitude: 23.099994, title: '符号点2', iconPath: '/static/marker.png', width: 30, height: 30 }] } } } </script> ``` 咱们可以通过设置longitude和latitude来指定舆图的核心点,通过markers来设置符号点的位置、题目、图标等信息。iconPath须要提早筹备好对应的图标文件。 最后,正在舆图组件上设置:include-points="true",可以使得舆图主动包孕所有符号点,确保能够显示所有符号点。 以上便是运用uni-app来正在微信小步调中符号点的办法。通过引入uni-app供给的舆图组件,联结相关的属性和数据便可真现舆图的符号点罪能。

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2024-11-15 12:11 最后登录:2024-11-15 12:11
栏目列表
推荐内容