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供给的舆图组件,联结相关的属性和数据便可真现舆图的符号点罪能。 (责任编辑:) |