【问题标题】:Angular in Google Maps InfoWindow谷歌地图信息窗口中的角度
【发布时间】:2014-01-02 12:32:57
【问题描述】:

我可能会问与Similar q 相同的问题,但我不确定!

基本上我有代码可以向谷歌地图添加标记。然后显示一个信息窗口。 如何在此处放置一个具有绑定到模块范围的元素的表单? Angular 在页面的其余部分运行正常(我有一个简单的表达式来测试它),但它没有以 {{t​​ext}} 的形式运行。

var html =
"<form id=\"markerInput\" ng-controller=\"markerCtrl\">"+
"<input ng-model=\"text\">{{text}}</form>";

infowindow = new google.maps.InfoWindow();

google.maps.event.addListener(map, "click", function(event) {
  marker = new google.maps.Marker({
    position: event.latLng,
    map: map
  });
  google.maps.event.addListener(marker, "click", function() {
    infowindow.setContent(html);
    infowindow.open(map, marker);
  });
});

【问题讨论】:

  • 你找到解决办法了吗?

标签: javascript google-maps angularjs google-maps-api-3 angularjs-directive


【解决方案1】:

我知道这是一个老问题,但我最近遇到了这个问题,并且在查找相关信息时遇到了麻烦,因此它肯定可以帮助那里的人,我使用 .$apply 修复了它以阅读更多信息,请访问此链接@ 987654322@

【讨论】:

  • 我还是不能解决这个问题,你有这个的演示代码吗?
  • 我创建了一个 js 对象,在 click listener 上完成了我需要的所有逻辑,然后使用 apply 强制 Angular 更新,可能不是很有用,但您可以在下面找到部分我使用的代码google.maps.event.addListener(marker, 'click', function(){ Map.setMarker(marker.cleanTitle); Map.setPlace(marker.location); Map.loadMarker(); $scope.$apply(); });
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-07-10
  • 2013-05-18
  • 1970-01-01
相关资源
最近更新 更多