全部
常见问题
产品动态
精选推荐

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

管理 管理 编辑 删除

地图应用构建平台(也称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)  图层管理

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


请登录后查看

CRMEB-慕白寒窗雪 最后编辑于2023-07-27 11:50:33

快捷回复
回复({{post_count}}) {{!is_user ? '我的回复' :'全部回复'}}
排序 默认正序 回复倒序 点赞倒序

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}}

作者 管理员 企业

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest==1? '取消推荐': '推荐'}}
沙发 板凳 地板 {{item.floor}}#
{{item.user_info.title}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

作者 管理员 企业

回复 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}   {{itemc.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
回复
查看更多
回复
回复
2179
{{like_count}}
{{collect_count}}
添加回复 ({{post_count}})

相关推荐

快速安全登录

使用微信扫码登录
{{item.label}} {{item.label}} {{item.label}} 板块推荐 常见问题 产品动态 精选推荐 首页头条 首页动态 首页推荐
加精
取 消 确 定
回复
回复
问题:
问题自动获取的帖子内容,不准确时需要手动修改. [获取答案]
答案:
提交
bug 需求 取 消 确 定

微信登录/注册

切换手机号登录

{{ bind_phone ? '绑定手机' : '手机登录'}}

{{codeText}}
切换微信登录/注册
暂不绑定
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 源码下载 CRMEB帮助文档 帮助文档
返回顶部 返回顶部
CRMEB客服