如何从 vue2-google-map 旋转标记的自定义图标？

Question

我知道路径的使用是根据他们拥有的文档旋转标记的唯一方法。 因此，我为标记创建了自己的 PNG 图像，但是在覆盖标记的 CSS 时我从未成功过的问题。

我也尝试使用 DOM 覆盖标记

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

但它不会旋转标记。

有什么建议可以旋转我的自定义标记吗？

Answer 1

当我们想将 css 应用到子组件时，我们需要使用v-deep，它有助于将 css 传递给子组件。

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

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

在子组件中，我们有一个 id 为 main 的 div。那么在这种情况下，我们需要在父组件上使用v-deep来设置子组件的主标签样式。

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