AngularJS google 地图信息窗口

Question

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

信息 window 显示在标记的顶部。他们是将其位置更改为右侧且顶部与标记对齐的方法吗？我看到一些信息 window 完全自定义，具有自定义位置和自定义颜色，但我们从来没有代码或如何完成。你有代码或教程的例子给我看吗？谢谢

更新：

信息框而不是信息window 可以解决问题。但是我没能找到一种方法来使用我的 angular-google-map ui 中的信息框。有人可以帮忙吗？

Answer 1

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

由于信息框包含在angular google地图库中，您只需提供如下选项即可

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

然后像这样在您的视图中使用它

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

Fiddle: http://jsfiddle.net/Danscho/L789znLk/

Answer 2

您可以在内部地图对象中设置 window.options param pixelOffset

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

AngularJS google 地图信息窗口

AngularJS google map infowindow

google-maps

google-maps-api-3

angularjs

angular-google-maps