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

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

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在Angular-Google-Maps中添加标记

来自分类Dev

使用AngularJS在Google Maps中实现标记

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在Google Maps标记中创建标签

来自分类Dev

在Google Maps标记中创建标签

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Google Maps API标记无法正常工作

来自分类Dev

使用ng-maps在标记点击上打开信息窗口

来自分类Dev

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

来自分类Dev

显示/隐藏标记并使用信息窗口Google Maps API v3

来自分类Dev

使用Google Maps API进行标记的说明

来自分类Dev

使用Ajax填充Google Maps标记

来自分类Dev

使用Google Maps API的位置标记问题

来自分类Dev

使用Google Maps API查找最近的标记

来自分类Dev

使用Google Maps API显示标记

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

    在Angular-Google-Maps中添加标记

  7. 7

    使用AngularJS在Google Maps中实现标记

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

    在Google Maps标记中创建标签

  13. 13

    在Google Maps标记中创建标签

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

    Google Maps API标记无法正常工作

  22. 22

    使用ng-maps在标记点击上打开信息窗口

  23. 23

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

  24. 24

    显示/隐藏标记并使用信息窗口Google Maps API v3

  25. 25

    使用Google Maps API进行标记的说明

  26. 26

    使用Ajax填充Google Maps标记

  27. 27

    使用Google Maps API的位置标记问题

  28. 28

    使用Google Maps API查找最近的标记

  29. 29

    使用Google Maps API显示标记

热门标签

归档