139-8950-0275

绍兴云远网络热线
首页 >> 小程序 >>小程序专业知识 >> 微信小程序地图升级 – 个性地图,我的Style-绍兴互联网网络公司为你呈现
详细内容

微信小程序地图升级 – 个性地图,我的Style-绍兴互联网网络公司为你呈现

喜大普奔

微信6.7.2发布你造吗?小程序能力再次得到提升,其中地图组件支持多套地图模板,开发者可根据使用场景选择自己喜欢的风格样式,打造专属你的Style。

操作简单

开发者只需在小程序开发工具中,启用腾讯位置服务,在线选择样式,并在小程序中代码中做简单设置,即时呈现效果,开发So easy,成本可忽略


体验流畅优化

以往在小程序中要用个性化地图,开发者需要通过WebView的方式调用第三方H5地图实现,但H5地图在很多机型上表现卡顿,性能问题饱受诟病,体验无法得到满足。而此次升级,是基于微信原生地图上开放的能力,支持无极缩放,体验顺畅。


多平台一体化

除小程序端以外,在腾讯地图SDK(iOS/Android/Unity)、JavascriptAPI平台中也同时支持个性化样式,开发者可实现多平台地图效果一体化。


配色与应用场景介绍

1.jpg


1. 经典:经典配色,要素鲜明,用户认知明确,适合大部分地图场景


2. 墨渊:深色主题风格,黑夜环境下体验舒适,叠加各种亮色要素明显突出


3. 白浅:浅色系风格,页面简洁清新,核心要素突出,适合小清新的UI风格


4. 玉露:绿色系配色,页面灵动活泼,就像一个二次元的地图世界


极简三步走


第一步:前往微信公众平台登录小程序开发者账号→选择设置→开发者工具,开通腾讯位置服务

2.jpg

第二步:前往腾讯位置服务官网控制台注册key,并配置个性样式

3.jpg

第三步:前往微信开发者工具,为map组件配置subkey

4.jpg



综上所述,在微信小程序使用个性地图如此简单除此之外,腾讯位置服务提供的小程序解决方案中,同时提供海外地图服务和JavaScript SDK,与小程序地图展示功能形成互补,实现完整的LBS应用:

  • 海外地图服务,小程序开发者可以直接使用满足海外业务的LBS需求

  • 小程序JavaScript SDK,满足一系列服务端功能,如地点搜索、地址解析和路线规划等能力。



微信小程序与腾讯位置服务的这次联合升级,开发者提供简单、便捷的高级地图能力,帮助开发者降低接入成本,实现个性化,后续有更为亮眼的功能出现,使用户体验不断提升。

5.png

点击阅读原文,查看更多



阅读原文


技术支持: 杭州云远科技有限公司 | 管理登录
seo seo