0

http://ngmap.github.io/を使用してポリゴンを描画しようとしています。次のコードを使用すると、完全に機能します。

    <map center="<% latitude %>, <% longitude %>" zoom="2">
        <marker 
            ng-repeat="marker in GoogleMap.markers" 
            on-click="showInfoWindow(event, marker)" 
            icon="/images/<% marker.icon %>" 
            position="<% marker.latitude %>, <% marker.longitude %>"
        >
        </marker>
        <shape
            paths="[[25.774252, -80.190262],[18.466465, -66.118292],[32.321384, -64.75737],[25.774252, -80.190262]]"
            name="polygon"
            stroke-color="#FF0000" 
            stroke-opacity="0.8" 
            stroke-weight="2" 
            fill-color="#FF0000" 
            fill-opacity="0.35"
        >
        </shape>
    </map>

ただし、ポリゴン座標をコントローラー内のスコープ変数に割り当てると、次のように「配列ではありません」でクラッシュします

    <map center="<% latitude %>, <% longitude %>" zoom="2">
        <marker 
            ng-repeat="marker in GoogleMap.markers" 
            on-click="showInfoWindow(event, marker)" 
            icon="/images/<% marker.icon %>" 
            position="<% marker.latitude %>, <% marker.longitude %>"
        >
        </marker>
        <shape
            paths="polgon"
            name="polygon"
            stroke-color="#FF0000" 
            stroke-opacity="0.8" 
            stroke-weight="2" 
            fill-color="#FF0000" 
            fill-opacity="0.35"
        >
        </shape>
    </map>

...ポリゴンはコントローラー内で次のように定義されています

$scope.polygon = [[25.774252, -80.190262],[18.466465, -66.118292],[32.321384, -64.75737],[25.774252, -80.190262]];

明らかな何かが欠けていますか？どんな助けでも大歓迎です。

4

1 に答える 1

0

問題は、パスの値が配列ではなく「ポリゴン」文字列になっていることでした。

中括弧を追加することで解決しました。

于 2015-09-28T09:31:55.120 に答える