AngularJS谷歌地图信息窗口

我使用角谷歌地图API上的标记的顶部http://angular-ui.github.io/angular-google-maps/#!/api AngularJS谷歌地图信息窗口

信息窗口显示。他们的方式是将标记的顶部与标记对齐，将其位置更改为正确吗？我看到一些infowindows完全自定义的自定义位置和自定义颜色，但我们从来没有代码或如何完成。你有任何代码或教程的示例给我看？由于

UPDATE：

的信息框，而不是信息窗口可以做的伎俩。但我没有设法找到一种方法来使用我的angular-google-map用户信息框。有人可以帮忙吗？

2015-05-14 steph1301

有[InfoWindowOptions（https://developers.google.com/maps/documentation/javascript/reference#InfoWindowOptions）可用，你可以改变'pixelOffset'或'position'属性，让你的infowindow的位置可以改变。 – ztan

谢谢我会检查这个解决方案 – steph1301

我没有找到办法去做我想做的事。我想完全自定义地图infowindow就像这个网站http://www.booking.com/city/nl/amsterdam.fr.html#map_opened 例如当你点击一个带有建筑物图标的标记 – steph1301

里面的地图对象可以设置内部window.options PARAM pixelOffset，用于

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

来源

2015-08-14 12:47:54 mlivan

我在支持页面上提出了同样的问题，并得到了宝贵的回复。你可以在这里找到它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/

来源

2015-08-13 06:52:48

我无法找到记录在哪里，但它完美的工作，谢谢！ –

你知道如何在许多窗口上应用相同的效果吗？ http://jsfiddle.net/crsex1sk/ – jlafforgue

@jlafforgue您应该查看https://angular-ui.github.io/angular-google-maps/#!/api上的官方文档请检查两个**窗口**和**窗口**。在窗口中传递一个表达式，而在窗口中传递模型数组中的属性名称 –

AngularJS谷歌地图信息窗口

回答

相关问题