【问题标题】:Styling the google maps api window为 google maps api 窗口设置样式
【发布时间】:2017-05-03 23:40:36
【问题描述】:

我在地图中对我们的应用程序进行了一些更改,将我们的普通通用图标切换为更小的图标(看起来很不错)。但是,我的新图标不如旧图标高,因此当我选择新图标时,与之关联的窗口太高了。

我很难设置我的窗口的样式,使其靠在图标下方。

(见图)

我正在使用角度,并试图在这些文档中找到一些东西。 http://angular-ui.github.io/angular-google-maps/#!/api/window

我的代码看起来像

%ui-gmap-window{ show: '$ctrl.selectedLocation', coords: "$ctrl.selectedLocation", options: '$ctrl.windowOptions', closeClick: '$ctrl.closeClick()' }

这就是我真正需要显示的所有内容,因为它会选择我需要的位置,然后显示窗口。

有没有办法设置样式?

【问题讨论】:

    标签: javascript css angularjs google-maps


    【解决方案1】:

    如果我们从您提供的链接开始阅读 API 文档:http://angular-ui.github.io/angular-google-maps/#!/api/window,我们会看到 options 参数。它的描述:

    传递给信息窗口的附加选项。见InfoWindowOptions

    如果我们点击该链接,我们会找到一个名为 pixelOffset 的选项。它的描述:

    输入:Size

    信息窗口尖端与地图上定位信息窗口的地理坐标点的偏移量(以像素为单位)。如果 InfoWindow 使用锚点打开,则 pixelOffset 将根据锚点的 anchorPoint 属性计算。

    所以您的问题的答案是:是的,如果我们阅读了文档。

    【讨论】:

      猜你喜欢
      • 2011-12-04
      • 1970-01-01
      • 2013-08-09
      • 1970-01-01
      • 2013-05-04
      • 2017-09-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多