Question

我正在使用angular-google-map api http://angular-ui.github.io/angular-google-maps/#!/api

信息窗口显示在标记的顶部。他们是否可以通过顶部与标记对齐来改变它的位置？我看到一些infowindows完全定制自定义位置和自定义颜色，但我们从来没有代码或如何完成。你有任何代码示例或教程给我看？感谢

更新

Infobox而不是infowindow可以做到这一点。但我没有找到一种方法来使用我的angular-google-map ui使用信息框。有人可以帮忙吗？

Answer 1

你可以在window.options param pixelOffset

里面设置内部地图对象

map: {
  control: {},
  ...
  window: {
   ...
    options: {
      visible: false,
      pixelOffset: {
        width: -1,
        height: -25
      }
    }
  }

Answer 2

我在他们的支持页面上提出了同样的问题并得到了有价值的答复。你可以在https://github.com/angular-ui/angular-google-maps/issues/1434#issuecomment-130292587

找到它

由于信息框包含在有角度的谷歌地图库中，您需要做的就是提供以下选项

windowOptions:{
   boxClass: "YOUR CSS CLASS",
   boxStyle: { "YOUR STYLE" }
}

然后在你的视图中使用它

<ui-gmap-google-map>
<ui-gmap-window options="windowOptions"></ui-gmap-window>
</ui-gmap-google-map>

小提琴：http://jsfiddle.net/Danscho/L789znLk/

AngularJS google map infowindow

2 个答案: