javascript - 谷歌地图从 angularjs 指令中选择 infowindow DOM 元素

Question

我需要按“gm-style-iw”类选择元素来修复 Infowindow 中的某些样式。选择发生在 angularjs 指令内部。

<div ui-view="full-map" id="full-map" class="mainMap col-xs-6"></div>

ui-view - 加载带有 IW 内容的指令。 map 在该指令内初始化。

在指令的 Controller 初始化中，我必须编辑类为“gm-style-iw”的元素。

   var iwElem = $document[0].getElementsByClassName("gm-style-iw")

确实返回正确的元素。

console.log(iwElem) 结果是:

[]
length: 1
0: div.gm-style-iw
__proto__: HTMLCollection

但是我被困住了。它是一个 HTMLCollection，据我所知，它是 HTML 元素的数组。 => 我必须能够通过iwElem[0]获取这个0元素，奇怪的是iwElem[0]返回未定义。

还尝试使用 jquery 选择器:

$('.gm-style-iw') => 长度:0

$('div.gm-style-iw') => 长度:0

Answer 1

如果您确定您的 html 类似于

<div ui-view="full-map" id="full-map" class="mainMap col-xs-6">
  ...some codes
  <div class="gm-style-iw"></div>
  ... other codes
</div>

如果您使用的是 JQuery，尝试以下选择器怎么样？

$('.mainMap .gm-style-iw')

表示获取.mainMap类的父节点下的.gm-style-iw类的子节点