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

谷歌地图如何获得授权(Google地图平台加入可高度客制化的进阶图标)(1)

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

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

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

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

,