关于腾讯地图:小程序下的地图还能这么玩你知道吗

8次阅读

共计 2563 个字符,预计需要花费 7 分钟才能阅读完成。

​近几年来小程序生态的飞速发展大家都引人注目,随着小程序与线下场景的联合日益严密,地图类性能曾经成为越来越多小程序的“标配”。

腾讯位置服务始终在为微信和小程序提供底层的地图反对。同时,咱们也始终在与微信紧密配合,一直夯实丰盛咱们在小程序下的地图能力,降级开发者的“工具箱”和“武器库”,满足小程序开发者在不同业务场景下对地图能力的需要。

Map API 性能全新降级

近期小程序在 Map API 中新增多项性能,其中蕴含 moveAlong、addGroundOverlay 等。

moveAlong

moveAlong 帮忙开发者实现指定门路挪动 Marker,并且 Marker 朝向能够配合路线朝向旋转的成果,次要利用于轨迹回放、出行司乘同显等场景。若动画进行中,对同一 marker 再次调用 moveAlong 办法,前一次的动画将被打断。同时还能够通过设置平滑挪动的工夫 duration,实现轨迹回放快慢的设置。

initMarkerCluster

initMarkerCluster 即点聚合能力,当地图上须要展现的 marker 过多,可能会导致界面上 marker 呈现压盖,展现不全,并导致整体性能变差、用户应用卡顿的状况。针对此类问题,推出点聚合能力,将大量 Maker 通过聚合的形式进行展现。比方大型连锁店场景,当用户查找区域甚至是一座城市的某品牌连锁店时,当地图放大层级总览全城时,点聚合能力能够使地图上的点位主动相邻合并达到最佳展现成果。

openMapApp

openMapApp 用来间接调起用户装置的地图 App 列表,相似微信发送地位时的场景,实现用户跳转其余地图 App 实现路线布局或导航的需要。以往的应用场景中,用户无奈间接通过小程序跳转地图 APP,须要先返回微信选点再跳转 app,不仅步骤繁琐同时跳转到地图 App 时并没有携带起起点地位,根本无法实现路线布局。目前此性能能够完满解决该问题,用户能够间接在本人的小程序拉起地图 App 并展示从终点至起点的路线布局。

fromScreenLocation 与 toScreenLocation

小程序提供一组新的 api,帮忙开发者实现屏幕坐标和经纬度的相互转换。fromScreenLocation 能够获取屏幕上的点对应的经纬度,toScreenLocation 能够获取经纬度对应的屏幕坐标。

includePoints

includePoints 即缩放视线展现所有 POI。当地图存在多个 POI 点位、地图只显示了局部点位时,通过 includePoints 能力即可实现地图视线级别主动缩放蕴含所有点位的成果,并且能够通过 padding 设置坐标点造成的矩形边缘到地图边缘的间隔,达到最佳显示成果。

Map 组件优化

地图视线管制

小程序 Map 组件的地图视线管制反对缩放、俯仰、3D 楼快等控件,还反对通过向左向右、放大放大等传统手势管制地图视线变动。同时近期新增的“缩放级别”性能,能够管制 3-20 级别的视线缩放范畴,防止用户过大或过小的扭转地图视线导致地图展现成果不佳,影响用户体验。

覆盖物 - 彩虹线

新增了彩虹线能力。在路线布局场景,开发者能够通过使用该能力反馈路线拥挤状况,红色拥挤、黄色疾驶、绿色畅通。彩虹线作为线条属性与实线、虚线三者互相抵触。

地图检索全面上架

要想搭建残缺的 LBS 利用,除了地图展现性能外还离不开地图检索能力。咱们在微信凋谢社区的服务平台上线了一系列服务,蕴含 4 个 POI 数据类(逆地址解析、地址解析、地点搜寻、关键词输出提醒)、2 个路线布局类(驾车路线布局、步行路线布局)、1 个坐标工具类(坐标转换),笼罩了绝大部分地图利用场景。

思考到泛滥开发者有拓展微信小程序海内市场的需要,咱们也在腾讯位置服务官网提供了海内地位接口服务,蕴含了地图、定位、地址解析、逆地址解析、地点搜寻、周边搜寻、周边举荐、路线布局八种海内服务能力。开发者一次接入即可享受海内外地图无缝切换的极致体验,做到“一次接入、通达寰球”。

路线布局插件优化降级

路线布局插件近期迭代了导航、实时公交、主题色等多项能力。

导航 :如果说路线布局是为了“看路线”,那么导航就是为了“用路线”。新增的导航能力欠缺了路线布局只能看不能用的难堪位置,买通了输出目的地—> 抉择最优路线—> 跳转导航的惯例驾车流程,用户点击导航能够拉起地图 App,实现小程序与地图 App 的无缝链接。

实时公交 :目前在腾讯位置服务对外开放的产品中,只有路线布局插件提供了实时公交能力。开发者能够帮忙用户理解最近一辆公交到站工夫和所剩站数。实时公交晋升了插件在公共出行畛域的服务能力,让用户不再“等公交”。

主题色 :开发者能够通过设置主题色的形式,整体更改插件中的字体、线条、按钮、色块等色彩。更改后的插件格调可能完满融入开发者的小程序中,使其整体格调保持一致,再也不会因为插件色彩的突兀而升高用户体验感触。

个性化底图反对动静切换

个性化底图切换能力上线,能够实现在小程序内应用同一 subkey,通过 layer-style(地图官网设置的款式 style 编号)属性抉择不同的底图格调,并能够动静切换款式。比方白天应用浅色系地图,夜晚应用微信深色地图。以上面的 Demo 为例,能够实现四种 style 格调动静切换,style1- 出行、style2- 微信深色、style3- 澹月、style4- 玉露。

示例核心小程序 – 小程序地图开发的最佳助手

为了帮忙小程序开发者更好的理解并且应用这些地图能力,咱们专门开发了一个示例核心小程序,它有两大作用:

展现地图能力 :针对小程序下所有地图相干能力分门别类,梳理出目录架构,一一进行具体解释;同时每个能力都配有 demo 示例,让开发者可能体验实际效果,加深了解。

升高开发成本 :针对每个 demo 示例,咱们还提供了高质量的源代码,开发者点击首页的“查看源代码”即可跳转至 GitHub。其中的文档目录是依照示例核心的构造展现,不便间接拷贝代码在本地进行调试,让开发者实现零老本开发。

对于这么一个贴心的小助手,赶快扫码下方的小程序码立刻体验吧!

腾讯位置服务会继续打磨好产品,凋谢更多小程序场景下的地图能力,为开发者提供强有力的反对。咱们为小程序开发者打造了包含从服务 API、根底地图组件、插件、行业计划等在内的残缺的产品能力矩阵,期待与 150 万 + 小程序开发者一起拥抱生态,见证凋敝!

正文完
 0