Mapael + Raphael，无法初始化：“无法读取未定义属性”

Question

我正在尝试使用Mapael (v2.1.4)和Mapael (v1.1.0)插件来设置一个映射，但我得到了以下错误：

未定义TypeError:无法读取未定义的属性“x”

我不明白我的错误在哪里

DOM：

<div class="row">
    <div class="col-md-12">
        <div class="mapDepFr"></div>
    </div>
</div>

联署材料：

<script src="{{ asset('js/raphael-min.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/jquery.mapael.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/maps/france_departments.js') }}" type="text/javascript"></script>
    <script>
        $(".mapDepFr").mapael({
            map: { name: "france_departments", }

        });
    </script>

mapDepFr div放在Js部件之前，所有js文件都被很好地加载。

我的错误在哪里？

坦克。

Answer 1

您需要在加载DOM之后创建映射。

<script>
  $(function(){ // jQuery shorthand for DOM ready
    $(".mapDepFr").mapael({
      map: { name: "france_departments", }
    });
  });
</script>