当前位置: 首页 > 科技观察

小程序下的地图还能这样玩,你知道吗?

时间:2023-03-17 17:59:44 科技观察

这几年小程序生态的迅猛发展是有目共睹的。随着小程序与线下场景的结合越来越紧密,地图功能成为越来越多小程序的“标配”。腾讯位置服务一直在为微信和小程序提供地图底层支持。同时,我们一直与微信紧密合作,不断巩固和丰富小程序下的地图能力,升级开发者的“工具箱”和“军火库”,满足不同领域小程序开发者对地图能力的需求。业务场景。要求。新升级的MapAPI函数近期,小程序在MapAPI中新增了多个函数,包括moveAlong、initMarkerCluster等,moveAlongmoveAlong帮助开发者实现在指定路径上移动Marker的效果,Marker的方向可以根据路线的方向进行旋转。主要应用于轨迹回放、驾乘人员同步显示等场景。如果动画正在进行中,如果再次对同一个标记调用moveAlong方法,之前的动画会被打断。同时,您还可以通过设置平滑移动的持续时间来设置曲目播放的速度。initMarkerClusterinitMarkerCluster指的是点聚合能力。当地图上显示的标记过多时,可能会导致界面上的标记重叠显示不完整,导致整体性能不佳,用户卡顿。针对此类问题,引入点聚合能力,通过聚合展示大量的Maker。例如在大型连锁店场景中,当用户搜索某个地区甚至城市的某个品牌的连锁店时,当地图放大并给出整个城市的概况时,点聚合能力可以自动合并地图上的点,达到最佳显示效果。openMapAppopenMapApp用于直接调出用户安装的地图应用列表,类似微信发送位置时的场景,实现用户需要跳转到其他地图应用完成路线规划或导航。在以往的使用场景中,用户无法通过小程序直接跳转到地图应用。在跳转到应用程序之前,他们必须去微信选择一个点。不仅步骤繁琐,而且跳转到地图app时也没有携带起点和终点位置,无法实现路线规划。.目前这个功能可以完美解决这个问题。用户可以直接在自己的小程序中拉起地图APP,展示从起点到终点的路线规划。fromScreenLocation和toScreenLocation小程序提供了一套新的API,帮助开发者实现屏幕坐标和经纬度的转换。fromScreenLocation可以获取屏幕上的点对应的经纬度,toScreenLocation可以获取经纬度对应的屏幕坐标。includePointsincludePoints是缩放视野显示所有POI。当地图上有多个POI点,地图只显示部分点时,可以通过includePoints能力完成自动缩放并包含地图视野层所有点的效果,坐标点形成的矩形边可以通过padding距离设置到地图边缘,达到最佳显示效果。地图组件优化地图视图控件小程序Map组件的地图视图控件支持缩放、俯仰、3D构建速度等控件。它还支持左右、放大和缩小等传统手势来控制地图视图的变化。同时,新增的“ZoomLevel”功能可以控制视野的缩放范围为3~20级,避免用户因将地图视野调得太大或太小,导致地图显示不佳,影响用户体验。覆盖-彩虹线添加了彩虹线功能。在路线规划场景中,开发者可以利用该能力反馈道路拥堵情况,如红色表示拥堵,黄色表示减速,绿色表示畅通。作为线属性,彩虹线与实线和虚线冲突。地图检索全面上线要构建一个完整的LBS应用,除了地图展示功能,还离不开地图检索能力。我们在微信开放社区服务平台上线了一系列服务,包括4个POI数据类(反向地址解析、地址解析、位置搜索、关键词输入提示)、2个路线规划类(驾车路线规划、步行路线规划))),1个坐标工具类(坐标变换),覆盖大部分地图应用场景。考虑到众多开发者拓展微信小程序海外市场的需求,我们还在腾讯位置服务官网提供海外位置接口服务,包括地图、定位、地址解析、反向地理编码、位置搜索、周边搜索、周边推荐。、航线规划八种海外服务能力。开发者一通即可享受国内外地图无缝切换的极致体验,实现“一通天下”。路线规划插件优化升级路线规划插件近期迭代了导航、实时公交、主题色等多项能力。导航:如果说路线规划是为了“看路线”,那么导航就是为了“用路线”。新增的导航能力,改善了路线规划只能看不能用的尴尬境地,打通了输入目的地->选择最佳路线->跳转到导航的日常驾驶流程。程序与地图App之间的无缝链接。实时公交:在腾讯对外开放的位置服务中,只有路线规划插件提供了实时公交功能。开发人员可以帮助用户了解最近的公交车到达时间和剩余站点数。实时公交提升了插件在公共出行领域的服务能力,让用户不再“等车”。主题色:开发者可以通过设置主题色来整体改变插件中的字体、线条、按钮、色块等颜色。改变后的插件风格可以完美融入开发者小程序,保持整体风格一致,不会再因为插件颜色突兀而降低用户体验。个性化底图支持动态切换。在线切换个性化底图的功能。可以在小程序中使用相同的subkey,通过layer-style(官图网站设置的样式编号)属性选择不同的底图样式,动态切换样式。比如白天用浅色地图,晚上用深色微信地图。下面以demo为例,可以动态切换四种风格,style1-旅行,style2-微信深色,style3-淡月,style4-雨露。示例中心小程序——小程序地图开发的最佳助手为了帮助小程序开发者更好的理解和使用这些地图能力,我们专门开发了一个示例中心小程序,它有两个功能:显示地图能力:针对下的所有地图相关能力小程序分类整理目录结构,并一一详解;同时,每项能力都配有demo示例,方便开发者体验实际效果,加深理解。降低开发成本:对于每一个demo实例,我们还提供高质量的源代码。开发者可以在首页点击“查看源代码”跳转到GitHub。文档目录按照示例中心的结构展示,方便直接复制代码本地调试,让开发者实现零成本开发。这么贴心的小助手,赶快扫描下方小程序码,即刻体验吧!