jQuery jVectorMap 动态地图加载答案

【问题标题】：jQuery jVectorMap Dynamic Map LoadingjQuery jVectorMap 动态地图加载
【发布时间】：2014-01-07 11:57:43
【问题描述】：

使用 jVectorMap 我有一张美国地图，然后您单击一个州，然后弹出该州的地图。

弹出窗口是通过 AJAX（不使用 jQuery）加载的，并且会发生以下情况：

为地图执行脚本。这是一个非常长的文件，但都是以下内容的一部分：

$.fn.vectorMap('addMap',....
其余弹出窗口的脚本位于更下方。

var map = new jvm.WorldMap({ 容器：$('.stateMap'), 地图：'印第安纳'，背景颜色：'无'，缩放滚动：假，系列： { 地区：[{ 属性：'填充'， normalizeFunction: '多项式', }] } });
执行此操作并给出以下错误：

错误：尝试使用未加载的地图：印第安纳州

我可以在任何 AJAX 调用发生之前加载所有地图，但我不希望一次加载 51 个地图。

【问题讨论】：

【解决方案1】：

我到底绕过了需要使用vectorMap函数。虽然我很想知道如何让它真正发挥作用，但我仍然对我最终得到的结果感到满意。

我决定将“addMap”函数添加到 jvm 对象。一开始它看起来像下面这样：

var jvm={addMap:function(n,m){jvm.WorldMap.maps[n]=m},//...

因为我对 jVectorMap 的复杂性知之甚少，所以这可能是一种无视很多事情的 hack，但它确实适用于我正在加载的 SVG 地图。您可以按如下方式使用它：

jvm.addMap(mapName,{mapData});

【讨论】：