News | Google地图加入可高度定制化的进阶图标
Google 进阶 加入 地图 高度 定制 图标 News
2023-06-13 09:17:27 时间
Google地图平台添加可让开发者更改样式的进阶图标,甚至能以CSS动态配置进阶图标,提供动态图标体验
Google地图平台透过让用户使用可高度定制化的进阶图标(Advanced Markers),强化地图使用体验,官方提到,进阶图标是许多开发人员要求的功能,而现在透过Maps JavaScript API的进阶图标功能,便能够满足这项功能需求。开发者现在可以利用可高度定制、高效能图标,来丰富用户体验并且展示品牌特色。
Google地图上经典的红色图钉图示,现在可供开发人员自定义,藉由进阶图标中的PinView新类别,可以利用程序码更改预设的颜色、背景、图标和轮廓。商店可通过修改图标,来反映其品牌代表,或是物流公司也可以透过更改标记颜色,实时显示包裹和车辆状态。
Google也让开发者可以直接使用SVG和PNG图片创建自定义图标,并且运用CSS动态配置进阶图标的样式和动画,像是更改大小、透明度、位置和颜色,借此在地图中创建动态图标体验。开发者能够以自定义HTML元素来回应用户的操作,并且使用CSS灵活配置样式,藉以创建过去必须运用复杂图层才能建构的效果,像是房地产公司可用于标记房产价格或是地产面积等信息。
官方提到,进阶图标的载入速度,要比传统图标更快,并且支援更快的平移和缩放功能。即使是大量的进阶图标标记,现在Google地图也能够快速载入,另外,Google也进行了许多辅助功能改进,使开发者可以轻易地针对屏幕阅读器或是键盘终端用户创建产品,终端用户可以完全利用键盘选取以及拖放图标,屏幕阅读器则会自动选取图标标题,而图标也会自动预设为辅助功能角色(Accessibility Role)。
相关文章
- 在机器学习上,Google已为你准备好所有开发工具
- 谷歌地球(google earth)手机版_谷歌地球官网下载
- 使用谷歌搜索攻略_Google浏览器
- Google-Hacking语法总结
- Nginx 结合又拍云反代理 Google Analytics 加速国内访问
- Google探索全新NLU任务「自然语言评估」,正式面试前让AI帮你热个身!
- 「Go工具箱」推荐一个Google开发的将结构体快速拼接成url查询参数的工具
- 【错误记录】Google Play 上架报错 ( 此版本不符合 Google Play 关于提供 64 位版本应用的要求。| 如果提供 x86 架构动态库则必须提供 x86_64 架构的动态库 )
- 如何通过查询Google Analytics ID来获取相关联的域名和子域名
- Google 力挺 Kotlin,这是怎么回事!
- 使用 Google Analytics 分析 WordPress 博客的活跃用户
- 甲骨文称 Google 毁掉了 Java 的市场
- 想跟着 Google 首席科学家免费进阶机器学习吗
- Google监控系统BorgMon相似实现普罗米修斯Prometheus(一)
- 谷歌地球(Google Earth,GE)是一款Google公司开发的虚拟地球仪软件,它把卫星照片、航空照相和GIS布置在一个地球的三维模型上。
- Google Talk是Google 的即时通讯方式,简称Gtalk。它可以进行文字 google talk聊天以及电脑对电脑的语音连接通话。Google此举进一步激化了它和雅虎,微软以及美国在线之间的竞争
- 白日梦干货:Google 大牛解析Daydream设计(一)
- JAVA(Jsp)利用Google的Translate开发API的代码
- Android调用google地图生成路线图实现代码
- Google官方支持的NodeJS访问API,提供后台登录授权