如何配置角度映射灯

Posted 2023-05-09

【中文标题】如何配置角度映射灯

【英文标题】：How to configure angular-maphilight

【发布时间】：2017-04-07 12:12:07

【问题描述】：

如果我没记错的话，我正在使用 angular 1.5 并且我正在尝试突出显示图像的区域图。我找到了 angular-maphilight http://abdallamohamed.github.io/Angular-Maphilight/#/，但是在我启动项目的前两个步骤之后，我收到了

 angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module angular-maphilight due to:
Error: [$injector:nomod] Module 'angular-maphilight' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我检查了"angular-maphilight": "*" 被添加到bower.json 和文件夹 angular-maphilight 到 bower_components

index.module.js：

(function() 
  'use strict';

  angular
    .module('app', [...., 'angular-maphilight']);
)();

bower.json

  "name": "mwaApp2",
  "version": "0.0.0",
  "dependencies": 
    ...,
    "jquery": "2.2.x",
    ....
    "angular": "1.5.x",
    "angular-maphilight": "*"
  ,
  "devDependencies":  ...

这里是我的 rendition.html

<div class="row">
  <div class="col-sm-12">
    <!--<angular-maphilight id="MapTitle">-->

      <img src=" rd.paragraph.field_indesign_rendition[1].url "  >

      <map>
        <div ng-repeat="articles in rd.obj.elem.articles">

          <area class="area" ng-repeat="articleMembers in articles.articleMembers" shape="poly" title="articleMembers.id"
                coords=' articleMembers.geometricBounds[1] ,  articleMembers.geometricBounds[0] ,
                         articleMembers.geometricBounds[1] ,  articleMembers.geometricBounds[2] ,
                         articleMembers.geometricBounds[3] ,  articleMembers.geometricBounds[2] ,
                         articleMembers.geometricBounds[3] ,  articleMembers.geometricBounds[0] '
          />

        </div>
      </map>
    <!--</angular-maphilight>-->

  </div>
</div>

【问题讨论】：

显示您的配置可能会帮助人们解决您的配置问题...

【参考方案1】：

Angular Maphighlight 的模块名称是 ngMapHilight 而不是 angular-maphighlight

【讨论】：

总是这样吗？我知道我有这种东西，例如 key:"angular-resource", "module": "ngResource" 但没有 angular-maphilight 的痕迹

这是一个命名约定。没有严格的规定。取决于回购作者。始终与示例文件进行交叉检查。如果问题得到解决，请接受答案。

是的。差不多。