2015-01-08 71 views
1

我試圖使用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 
+0

具有相同的問題。你找到什麼了嗎? –

+0

我前幾天在github上提交了一個問題,剛剛得到了回覆。評論者找到了可能的解決方案,但它似乎並未解決2.0.12版中的問題。 [問題1059](https://github.com/angular-ui/angular-google-maps/issues/1059) – ALS

回答

0

貢獻者nmccready在1月份已經解決了這個問題,但那時我已經放棄了角度谷歌地圖。

0

在你的控制器

$scope.showPolygon = false; 
$scope.toggelPolygon = function(){$scope.showPolygon=!$scope.showPolygon}; 

在UI-GMAP多邊形.....

visible='showPolygon'