地图应用构建平台:助力小程序开发者快速构建地图应用

地图应用构建平台(也称Wemap Builder)是地图低代码开发平台,在微信开发者工具中提供了丰富的小程序模板,开发者能够选择模板快速创建地图应用,同时在微信开发者工具中可直接使用低代码编辑器,更高效的开发小程序。

本文将带大家快速了解WeMap Builder如何帮助开发者快速构建地图应用。

1. 微信开发者工具中使用WeMap Builder的优势

1、深度集成微信开发者工具

WeMap Builder在微信开发者工具中提供了位置展示、活动报名、路线规划、景点详情等应用模板,开发者在微信开发者工具中选择模板后,能够快速创建一个小程序应用,在低代码编辑器中拖拽组件、保存、上传代码就能开发小程序。

83e37202307271145459034.png

193ea202307271145552576.png

2、丰富的地图组件

作为图低码平台我们提供了丰富的地图组件包括基础地图、定位、路线规划、位置搜索等组件,能够满足用户对于地图应用场景的使用。

6f001202307271146078582.png

2. 微信开发者工具中使用WeMap Builder创建应用

1、在微信开发者工具中选择模板

打开微信开发者工具创建小程序,填写选择AppId,后端服务选择不使用云服务,模板选择中选择地图应用构建平台,即可看到WeMap Builder的应用模板,选择位置展示模板。

65c74202307271146183651.png

2、编辑小程序应用

点击确定,进入应用编辑页面,左边是小程序模拟器可以看到应用效果,右边是应用编辑器能够拖拽组件修改应用。

875d4202307271146306733.png

3、保存并上传小程序应用

编辑好应用后就可以点击保存按钮,保存成功后即可点击上传按钮上传代码。

997c3202307271146436991.png

上传成功后,在小程序微信公众平台就可以提审并发布上线小程序了。

3. WeMap Builder地图组件

1、提供丰富的地图图层效果

cb714202307271147091725.png

707f320230727114721913.png

0f5c9202307271147274058.png

使用地图组件也很方便,如下图所示,拖入一个地图组件,可以在右侧组件配置面板中配置地图的中心点经纬度、缩放层级、显示比例、缩放范围等基础属性。

bda47202307271147436667.png

针对地图组件,在右侧配置面板可以新建图层,如下图所示,新建一个点图层,则在地图中就绘制出了一个marker。

85f7320230727114754611.png

2、地图组件的实现

地图组件架构图如下所示

c89b9202307271148062300.png

基础属性

地图组件支持了常用的属性,用户能够方便的在WeMap Builder配置属性并能够实时看到配置效果。

2)  属性管理

在这里地图组件根据用户配置的属性初始化地图,并利用发布订阅模式监听属性值的修改,当属性值修改时地图能相应改变。

3)  图层

地图组件支持了丰富的图层,用户能够根据业务场景新建叠加多个图层。

4)  图层管理

在这里根据图层提供的初始化方法,对用户配置的图层进行初始化,同时监听图层属性的变化,做到属性变化图层效果实时改变。

猜你喜欢

转载自blog.csdn.net/weixin_64051447/article/details/131965228