Google地图平台添加可让开发者更改样式的进阶图标,甚至能以CSS动态配置进阶图标,提供动态图标体验
Google地图平台透过让用户使用可高度定制化的进阶图标(Advanced Markers),强化地图使用体验,官方提到,进阶图标是许多开发人员要求的功能,而现在透过Maps JavaScript API的进阶图标功能,便能够满足这项功能需求。开发者现在可以利用可高度定制、高效能图标,来丰富用户体验并且展示品牌特色。
Google地图上经典的红色图钉图示,现在可供开发人员自定义,藉由进阶图标中的PinView新类别,可以利用程序码更改预设的颜色、背景、图标和轮廓。商店可通过修改图标,来反映其品牌代表,或是物流公司也可以透过更改标记颜色,实时显示包裹和车辆状态。
Google也让开发者可以直接使用SVG和PNG图片创建自定义图标,并且运用CSS动态配置进阶图标的样式和动画,像是更改大小、透明度、位置和颜色,借此在地图中创建动态图标体验。开发者能够以自定义HTML元素来回应用户的操作,并且使用CSS灵活配置样式,藉以创建过去必须运用复杂图层才能建构的效果,像是房地产公司可用于标记房产价格或是地产面积等信息。
官方提到,进阶图标的载入速度,要比传统图标更快,并且支援更快的平移和缩放功能。即使是大量的进阶图标标记,现在Google地图也能够快速载入,另外,Google也进行了许多辅助功能改进,使开发者可以轻易地针对屏幕阅读器或是键盘终端用户创建产品,终端用户可以完全利用键盘选取以及拖放图标,屏幕阅读器则会自动选取图标标题,而图标也会自动预设为辅助功能角色(Accessibility Role)。