我正在使用 ngmaps ( https://github.com/allenhwkim/angularjs-google-maps ) 在我的应用程序中动态加载标记和信息窗口。
在我看来它看起来像这样:
<marker
data-ng-repeat="ltd in ltds"
data-position="{{ltd.gps}}"
data-title="{{ltd.code}}"
data-draggable="false"
data-visible="true"
data-icon="images/marker.png"
data-on-click="showInfoWindow(event, ltd.code)">
</marker>
<info-window data-ng-repeat="ltd in ltds" id="{{ltd.code}}" data-position="{{ltd.gps}}" data-ltd="{{ltd}}">
<div ng-non-bindable>
<div class="infoWindow">
<div class="content">code: {{ltd.code}}</div>
</div>
</div>
</info-window>
但是在 infoWindow 中内容 {{ltd.code}} 没有显示。我做错了什么?
最佳答案
上面的解决方案对我不起作用,我认为它与 ng map 版本有关
所以我写了我的解决方案: http://plnkr.co/edit/eEE9tX4PlDstCeiQI6x2?p=preview
$scope.showInfoWindow = function (event, p) {
var infowindow = new google.maps.InfoWindow();
var center = new google.maps.LatLng(p[0],p[1]);
infowindow.setContent(
'<h3>' + p + '</h3>');
infowindow.setPosition(center);
infowindow.open($scope.objMapa);
};`
我在单击事件上创建信息窗口,然后我可以完全控制信息窗口
关于javascript - AngularJS ngmap 将范围变量传递给 infoWindow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26780937/