Question

我在角度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>

以上标签显示图片地图，但它也显示谷歌地图，我在地图标签上使用 ng-non-bindable ，它解决了问题，但它也禁用了ng-click =“StateSelect（1 ）“在区域标签上。

Angular Ng-map

            <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图片地图，它还显示谷歌地图而不是html图片地图。

任何解决方案？

谢谢。

Answer 1

我遇到了同样的问题。您可以在模块配置上终止map指令：

.directive('map', function(){
    return {
        priority: 99,
        terminal: true,
    };
})

注意：通过执行此操作，<map>将失去ng-map功能，您必须使用<ng-map>进行google-map。

Angularjs ngMap与Html图像映射冲突

1 个答案: