angularjs - Angularjs ngMapはHtmlイメージマップと競合します

Question

angular js で Ngmap を使用していますが、正常に動作しますが、html にイメージ マップが必要です。

HTML イメージ マップ :

    <img class="map" src="demo_usa.png" width="960" height="593" usemap="#usa" usemap="#usa">
    <map name="usa">
        <area href="#" title="HI" shape="poly" coords="225,521, 227,518, 229,517, 229,518, 227,521, 225,521" ng-click="StateSelect(1)">
    </map>

上記のタグはイメージ マップを表示しますが、Google マップも表示します。マップ タグでng-non- bindable を使用し、問題を解決しましたが、エリア タグで ng-click="StateSelect(1)" も無効にします。

Angular Ng マップ

            <ng-map center="{{House.Latitude}},{{House.Lonitude}}">

                <shape name="circle" no-watcher="true"
                       stroke-color="#23b079"
                       stroke-opacity="0.8"
                       stroke-weight="2"
                       fill-color="#23b079"
                       fill-opacity="0.35"
                       center="{{House.Latitude}},{{House.Lonitude}}"
                       radius="300">
                </shape>

                @*<marker position="[{{House.Latitude}},{{House.Lonitude}}]"></marker>*@

            </ng-map>

Angular Ng-map は正常に動作します。問題はhtml Image mapであり、html image map ではなく Google マップも表示されます。

解決策はありますか？

ありがとうございました 。