html - 带有 Google map 标记的效果和动画

标签 html google-maps animation google-maps-api-3 html5-canvas

我想知道如何在 Google map 标记上创建效果/动画。具体来说,我想在给定的时间后放大/缩小或“淡化”标记。 HTML5 可能吗?是否有用于执行此操作的任何 jquery 效果库?

(我可以使用 map 切片服务器来创建 map 切片叠加层并每秒重新生成切片叠加层,但我想这是非常密集的处理...)

提前致谢

最佳答案

我还没有看到任何库可以执行此操作,而且 API 中也没有淡出标记的功能。

相反,您可以通过创建自己的 Custom Overlay 来模拟标记看起来像一个标记。自定义覆盖层通常包含一个 div,您可以根据在自定义覆盖层构造期间分配的类或 id 轻松控制使用 JavaScript/jQuery 的不透明度。

例如,如果您查看 this您可以在页面上看到一个用于切换可见性的按钮,您可以轻松地更改该 JavaScript 来控制某些内容的不透明度。

关于html - 带有 Google map 标记的效果和动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8721327/

相关文章:

html - 如何在 img 链接悬停时显示文字?

javascript - 如何在html中的 Angular js中添加日期年份

c# - 如何使用 XPath for HTML 获取子节点的数量?

android - 如何在 Google map 中全天跟踪用户的位置?

javascript - Google map API key v3 的使用

jquery - 顺序 addClass 循环 (jQuery)

javascript - jQuery 动画不 Action

javascript - 动画不工作,使用关键帧,无前缀

android - map View 使用 google Directions API 绘制方向 - 解码多段线

javascript - 基于 slider 值的平滑动画