Google Maps Platform 新功能的文章(回看内容,请点击链接查看)功能详解大放送又来啦!同样是备受大家关注的高级标记功能。这是您利用 Google 对现实世界的进一步了解,并为全球各个角落的用户构建身临其境且有用的地图体验的第一步。您可以通过创建高度定制的、更快的性能标记,来为用户提供更丰富的体验、展示您的品牌并节省时间和资源。
01 关键功能和案例分享
自定义 Google 地图红标
使用 Advanced Markers 中的新 PinView 类,您现在可以直接在代码中更改默认红色引脚的颜色、背景、图标和轮廓,而无需图像。
零售行业
可以更改其商店位置的标记以反映其品牌颜色。
旅游行业
可以更改酒店周边地点的颜色和图标,让用户更容易根据周围的设施选择理想的酒店。
物流行业
可以更改标记的颜色,以实时反映包裹或车辆的状态。
展示公司如何更改兴趣点颜色和图标的代表性模型
物流公司的代表模型,更改标记颜色以反映包裹或车辆的状态
直接支持 SVG 和 PNG 来创建自定义标记
另一个选项是使用您自己的图像资源,例如图标或照片。您现在可以使用 HTML `img` 标签支持的任何图像格式,例如 PNG 和 SVG。您还可以使用 CSS 动态设置高级标记的样式和动画,包括更改大小、不透明度、位置、颜色等。这使得将动态标记体验添加到 Google 地图中比以往任何时候都更加容易。例如,您可以使用您的徽标或其他品牌资产将您的品牌更深入地整合到您的地图中。
一个具有代表性的模型,显示使用 SVG 图像构建的自定义动画标记
使用自定义标记创建上下文交互体验
您还可以使用响应用户交互的任何自定义 HTML 元素创建自定义高级标记,并且可以使用 CSS 的完全灵活性来设置样式。借助此功能,您可以创建以前如果不使用复杂的自定义叠加层就难以构建的美观、引人入胜的交互式标记体验。
例:房地产公司:
可以启用标记来显示响应用户交互的房产价格,以显示额外的有用信息,例如房产地址、面积以及卧室和浴室的数量。
使用带有 HTML 元素的自定义标记来显示房地产价格的房地产公司的代表性模型
02 优势:改进的标记性能和可访问性
高级标记的加载速度比我们的传统标记快 66%,并提供更快的平移和缩放。该功能还支持大量标记的快速加载时间。
我们还进行了许多可访问性改进,使您能够为使用屏幕阅读器或键盘导航的用户创建产品。通过这些改进,用户可以在标记之间导航,并拖放它们,所有这些都使用键盘。屏幕阅读器会自动拾取标记标题,并且标记默认为辅助功能角色。
高级标记使您能够创建利用屏幕阅读器或键盘导航的产品
03 如何开始
开启使用 - 欢迎直接联系我们,让我们知道您的想法。我们的团队迫不及待地想看到您将如何重新构想地图体验的这一基本部分。