我試圖使用Angular Google Maps模塊在google地圖上顯示多邊形,但當模型的可見屬性被修改時,uiGmapPolygons指令不會隱藏/顯示。不尊重可見屬性的多邊形指令
這裏有一個plunker來說明這個問題: http://plnkr.co/edit/EhFihJRBK9Lb0s3mwMSl
標記:
<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options" bounds="map.bounds">
<ui-gmap-polygons models="polygons" path="'path'" stroke="'stroke'" visible="'visible'" fill="{ color: '#2c8aa7', opacity: '0.3' }">
</ui-gmap-polygons>
<ui-gmap-markers models="markers" idKey="'id'" options="'options'" coords="'coords'"></ui-gmap-markers>
</ui-gmap-google-map>
角代碼:
$scope.polygons = [{
id: 1,
path: [{
latitude: 50,
longitude: -80
}, {
latitude: 30,
longitude: -120
}, {
latitude: 20,
longitude: -95
}],
stroke: {
color: '#6060FB',
weight: 3
},
editable: true,
draggable: true,
geodesic: false,
visible: true,
fill: {
color: '#ff0000',
opacity: 0.8
}
}];
$scope.toggle = function() {
$scope.polygons[0].visible = !$scope.polygons[0].visible;
$scope.markers[0].options.visible = !$scope.markers[0].options.visible;
};
我希望,當我改變Visible屬性的多邊形會顯示隱藏。
我不知道我是否發現了一個錯誤,或者如果我正在嘗試不正確地調整多邊形的可見性。
編輯:
我提交了一份關於該模塊的GitHub的問題回購前幾天昨晚得到了解決此問題在2.0.11版本的響應。不幸的是,我使用的是2.0.12版本。
鏈接到解決該問題的討論GitHub的:
https://github.com/angular-ui/angular-google-maps/issues/1059
具有相同的問題。你找到什麼了嗎? –
我前幾天在github上提交了一個問題,剛剛得到了回覆。評論者找到了可能的解決方案,但它似乎並未解決2.0.12版中的問題。 [問題1059](https://github.com/angular-ui/angular-google-maps/issues/1059) – ALS