无法使用angular-google-maps中的markers标签打开标记窗口

Kildareflare

目的在地图上显示一堆随机标记。单击其中之一时,打开一个信息窗口。我使用了API页面(标记)中的示例之一,并添加了窗口的标记和单击处理程序方法以显示窗口。我只是不能让它工作

问题显示标记,但单击时未显示任何窗口。

另外,在使用tag和ng-repeat时,我可以进行此工作;但是文档说标记是首选方法。

有任何想法吗?

此处的示例:https : //angular-ui.github.io/angular-google-maps/#!/api

请在此处插入:http ://plnkr.co/edit/ze7EKMQNV7MLGkmlhiAC

  <div id="map_canvas" ng-controller="mainCtrl">
    <google-map center="map.center" zoom="map.zoom" draggable="true" options="options" bounds="map.bounds">
      <markers models="randomMarkers" coords="'self'" icon="'icon'" click="'onClicked'">
        <window ng-cloak show="'showWindow'">
          <h1>{{title}}!</h1>
        </window>
      </markers>
    </google-map>
  </div>

 $scope.$watch(function() {
      return $scope.map.bounds;
    }, function(nv, ov) {
      // Only need to regenerate once
      if (!ov.southwest && nv.southwest) {
        var markers = [];
        for (var i = 0; i < 5; i++) {
          markers.push(createRandomMarker(i, $scope.map.bounds))
        }
        for (var y = 0; y < 5; y++) {
          var marker = markers[y];
          marker.onClicked = function() {
            marker.showWindow = true;
          }
        }

        $scope.randomMarkers = markers;
      }
    }, true);

已解决这是通过使用nitewulf50链接的子弹来解决的。

一些注意事项:

看起来Window标记只能有一个孩子。因此,我需要将所有内容包含在div中。

nitewulf50

Windows和Window似乎像您想要的那样很难工作。几天前我在Windows上遇到问题,并由cthrax在github上发布了使用Window的解决方案:

https://github.com/angular-ui/angular-google-maps/issues/633

希望对您有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法在Google Maps Symbols(svg)标记中填充颜色

来自分类Dev

window.open在Google Chrome浏览器中打开标签页和窗口

来自分类Dev

如何在新的浏览器窗口或标签中打开Google标记网址?

来自分类Dev

如何使用Gmap4rails从另一个事件打开标记窗口

来自分类Dev

Google Maps API v3:在新窗口中打开标记上的链接

来自分类Dev

如何使用angular-google-maps <markers>指令?

来自分类Dev

无法使用angular-google-maps中的标记标签打开标记窗口

来自分类Dev

如何使用AFnetworking图像缓存在iOS Google Maps中刷新标记信息窗口?

来自分类Dev

使用角度Google Maps指令显示标记标签

来自分类Dev

在Angular-Google-Maps中添加标记

来自分类Dev

使用Angular Maps在Google地图中放置标记

来自分类Dev

使用AngularJS在Google Maps中实现标记

来自分类Dev

在Google Maps标记中创建标签

来自分类Dev

在chrome网上商店中时,为什么无法使用html按钮打开标签页?

来自分类Dev

Google Maps中的信息窗口无法加载

来自分类Dev

Google Maps无法使用jQuery

来自分类Dev

需要Google Maps使用Fancybox打开多个标记弹出窗口

来自分类Dev

window.open在Google Chrome浏览器中打开标签页和窗口

来自分类Dev

Google Chrome扩展程序-简单的jQuery,可在浏览器中打开标签

来自分类Dev

如何在新的浏览器窗口或标签中打开Google标记网址?

来自分类Dev

Google Maps API v3:在新窗口中打开标记上的链接

来自分类Dev

Google Maps上的多个标记和信息窗口(使用MySQL)

来自分类Dev

Google Maps for Angular指令无法正常运行

来自分类Dev

如何使用AFnetworking图像缓存在iOS Google Maps中刷新标记信息窗口?

来自分类Dev

如何使用asp.net C#获取Google Maps标记的坐标并将其存储在文本框或标签中

来自分类Dev

Angular Google Maps ui-gmap-markers标签

来自分类Dev

在Google Maps标记中创建标签

来自分类Dev

Google Maps API V3-在“当前视图范围”中打开标记上附加的所有信息窗口吗?

来自分类Dev

使用javascript函数打开标签页

Related 相关文章

  1. 1

    无法在Google Maps Symbols(svg)标记中填充颜色

  2. 2

    window.open在Google Chrome浏览器中打开标签页和窗口

  3. 3

    如何在新的浏览器窗口或标签中打开Google标记网址?

  4. 4

    如何使用Gmap4rails从另一个事件打开标记窗口

  5. 5

    Google Maps API v3:在新窗口中打开标记上的链接

  6. 6

    如何使用angular-google-maps <markers>指令?

  7. 7

    无法使用angular-google-maps中的标记标签打开标记窗口

  8. 8

    如何使用AFnetworking图像缓存在iOS Google Maps中刷新标记信息窗口?

  9. 9

    使用角度Google Maps指令显示标记标签

  10. 10

    在Angular-Google-Maps中添加标记

  11. 11

    使用Angular Maps在Google地图中放置标记

  12. 12

    使用AngularJS在Google Maps中实现标记

  13. 13

    在Google Maps标记中创建标签

  14. 14

    在chrome网上商店中时,为什么无法使用html按钮打开标签页?

  15. 15

    Google Maps中的信息窗口无法加载

  16. 16

    Google Maps无法使用jQuery

  17. 17

    需要Google Maps使用Fancybox打开多个标记弹出窗口

  18. 18

    window.open在Google Chrome浏览器中打开标签页和窗口

  19. 19

    Google Chrome扩展程序-简单的jQuery,可在浏览器中打开标签

  20. 20

    如何在新的浏览器窗口或标签中打开Google标记网址?

  21. 21

    Google Maps API v3:在新窗口中打开标记上的链接

  22. 22

    Google Maps上的多个标记和信息窗口(使用MySQL)

  23. 23

    Google Maps for Angular指令无法正常运行

  24. 24

    如何使用AFnetworking图像缓存在iOS Google Maps中刷新标记信息窗口?

  25. 25

    如何使用asp.net C#获取Google Maps标记的坐标并将其存储在文本框或标签中

  26. 26

    Angular Google Maps ui-gmap-markers标签

  27. 27

    在Google Maps标记中创建标签

  28. 28

    Google Maps API V3-在“当前视图范围”中打开标记上附加的所有信息窗口吗?

  29. 29

    使用javascript函数打开标签页

热门标签

归档