javascript - ui-gmap-window 不起作用,但 ui-gmap-windows 起作用

标签 javascript angularjs google-maps angular-google-maps

我在使用 angular-google-maps 时遇到问题。我只想将基本的信息窗口附加到 map 上的每个标记。我正在使用 ui-gmap-markers 并在每个标记指令内放置一个 ui-gmap-window 。这不起作用,没有窗口出现。但是,当将其更改为使用 ui-gmap-windows 时,它可以完美地工作。我在这里缺少什么?难道我不应该在每个 ui-gmap-markers 指令中使用一个 ui-gmap-window 而不是复数形式吗?

<ui-gmap-google-map center='playerMap.center' zoom='playerMap.zoom'>
  <ui-gmap-markers
    models="playerMap.markersAddresses"
    coords="'self'"
    icon="'icon'"
    doCluster="playerMap.cluster"
    fit="true"
    options="'options'">
    <ui-gmap-window>
      <b>Address: {{location}}</b>
    </ui-gmap-window>
  </ui-gmap-markers>
</ui-gmap-google-map>

最佳答案

我发现您的方法存在两个问题:

  • ui-gmap-window 不应位于 ui-gmap-markers 标记内;
  • 当您单击标记时,您应该将模型传递到窗口;

“如何一次只打开一个窗口?”部分在 Angular Google Maps FAQ可能有帮助。

关于javascript - ui-gmap-window 不起作用,但 ui-gmap-windows 起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31877020/

相关文章:

html - 浏览器问题在 Bootstrap 面板中将小部件(不是文本)居中

angularjs - 如何使用媒体查询高度?

javascript - 如何在移动浏览器中将谷歌地图居中

php - 查明给定点是否在 "area of polygon"- GoogleMaps API 内

javascript - Apple MapKit JS 是否需要成员(member)计划?

javascript - 无法从 Node.js 中的 typescript 文件中要求默认导出的函数

javascript - 有人可以将这个简单的函数翻译成Javascript吗?

javascript - ie9 中的 Angular js 占位符问题

javascript - 按钮在 Google map 上的信息窗口中不起作用

javascript - React Isomorphic Fetch 实际上没有发布