前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >News | Google地图加入可高度定制化的进阶图标

News | Google地图加入可高度定制化的进阶图标

作者头像
阿泽
发布2023-03-15 15:54:30
1.5K0
发布2023-03-15 15:54:30
举报

Google地图平台添加可让开发者更改样式的进阶图标,甚至能以CSS动态配置进阶图标,提供动态图标体验

Google地图平台透过让用户使用可高度定制化的进阶图标(Advanced Markers),强化地图使用体验,官方提到,进阶图标是许多开发人员要求的功能,而现在透过Maps JavaScript API的进阶图标功能,便能够满足这项功能需求。开发者现在可以利用可高度定制、高效能图标,来丰富用户体验并且展示品牌特色。

Google地图上经典的红色图钉图示,现在可供开发人员自定义,藉由进阶图标中的PinView新类别,可以利用程序码更改预设的颜色、背景、图标和轮廓。商店可通过修改图标,来反映其品牌代表,或是物流公司也可以透过更改标记颜色,实时显示包裹和车辆状态。

Google也让开发者可以直接使用SVG和PNG图片创建自定义图标,并且运用CSS动态配置进阶图标的样式和动画,像是更改大小、透明度、位置和颜色,借此在地图中创建动态图标体验。开发者能够以自定义HTML元素来回应用户的操作,并且使用CSS灵活配置样式,藉以创建过去必须运用复杂图层才能建构的效果,像是房地产公司可用于标记房产价格或是地产面积等信息。

官方提到,进阶图标的载入速度,要比传统图标更快,并且支援更快的平移和缩放功能。即使是大量的进阶图标标记,现在Google地图也能够快速载入,另外,Google也进行了许多辅助功能改进,使开发者可以轻易地针对屏幕阅读器或是键盘终端用户创建产品,终端用户可以完全利用键盘选取以及拖放图标,屏幕阅读器则会自动选取图标标题,而图标也会自动预设为辅助功能角色(Accessibility Role)。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-10-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Flink应用与行业新知 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档