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

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

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

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

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

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

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

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页