Javascript 如何从vue2谷歌地图旋转标记的自定义图标？

我知道使用path是根据文档旋转标记的唯一方法。 因此，我为标记创建了自己的PNG图像，但在重写标记的CSS时，我从未成功解决过这个问题

我还尝试使用DOM覆盖标记

document.querySelectorAll('img[src="@/assets/logo.png]')[0].parentNode.style.transform = "rotate(35deg)"

但它不会旋转标记

---

有没有建议如何旋转自定义标记？

当我们想将css应用于子组件时，我们需要使用

v-deep

，这有助于将css传递给子组件

例如： 假设我们有这样一个组件：

<template>
  <div>
    <child></child>
  </div>
</template>

---

我应该把class=“main”放进去吗？我只是举个例子，这里的

main

应该是您想要更新其css样式的类/id的名称。此外，如果您将共享一些代码或创建代码笔或小提琴，这样我们就可以更好地理解您想要实现的目标。您可能不应该尝试通过CSS旋转标记。。。API支持符号和SVG标记的旋转。复制可能的复制

::v-deep .main {
  ...style-goes-here
}