Javascript google maps v3中的信息气泡标记

Javascript google maps v3中的信息气泡标记,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,我试图将一个google.maps.Marker对象放在一个对象上(z索引定位) 但是我没有成功。 基本上,我正在做的是将zIndex:n赋值给markerOptions对象,我将其传递给Marker构造函数,如下所示: var markerOptions = { position: store.getLocation(), title: store.getDetails().title, icon: DEFAULT_MARKER, anchorPoint: ne

我试图将一个google.maps.Marker对象放在一个对象上(z索引定位)

但是我没有成功。 基本上,我正在做的是将zIndex:n赋值给markerOptions对象,我将其传递给Marker构造函数,如下所示:

var markerOptions = {
    position: store.getLocation(),
    title: store.getDetails().title,
    icon: DEFAULT_MARKER,
    anchorPoint: new google.maps.Point(20,5),
    zIndex: 2
};
var marker = new google.maps.Marker(markerOptions);
我已看过这个答覆,但实际上并没有得到任何投票。有人能告诉我更多的情况吗


非常感谢

正如shaunhusain所评论的,问题在于固定的窗格,其中将绘制特定的元素

您需要使用自定义覆盖是正确的,但是您必须使用它来绘制标记,而不是infobubble

原因:infobubble是a的一个实现,它将在
浮动窗格中绘制。要将标记放在顶部,必须将infobubble绘制到zIndex等于或低于要绘制标记的窗格zIndex的窗格中。
但问题来了:所有这些窗格都不接收鼠标事件,您将无法与infobubble交互(选择选项卡,选择文本,单击链接,关闭infobubble)


因此,您必须使用自定义覆盖来绘制标记,并且必须将这些覆盖放入浮动窗格(这是zIndex最高的窗格)

是的,这是不可能的,我很确定这就是问题所在。Google maps有特定的层,这些层是预先确定的,用于绘制地图本身的位置、绘制文字覆盖层的位置、绘制道路的位置、绘制形状/多边形的位置、绘制交通的位置、绘制信息窗口的位置等。因此,基本上这些层是在一个固定的堆栈中,您无法更改,我想,你必须自己制作自定义覆盖图并将其堆叠起来(这可能已经改变了,但上次我使用它时,你无法修改内置的覆盖图顺序)。谢谢你回答shaunhusain。很好的解释,我很感激。似乎实现我设计的结果的唯一方法是将我的标记层插入infobubbles层中,以使z索引在它们之间可见。。我会试试的谢谢你的解释Molle博士。另外,感谢您提出的解决方案。我将在几天内深入探讨这个问题,并最终发布其他问题。