我正在使用 AmCharts Maps 构建世界地图。地图显示并正常工作,直到我添加区域列表。我正在使用以下配置使用 AmCharts React 组件初始化地图。
var config = {
type: 'map',
dataProvider: {
map: 'worldLow',
areas: [{id: 'US'}]
},
areasSettings: {
autoZoom: false,
selectedColor: '#FF0000',
selectable: false
}
}
在控制台中,我收到来自地图文件的 TypeError;具体功能是addObjectEventListeners
.
完整的错误是:
TypeError:a.mousedown(...).mouseup(...).mouseover(...).mouseout(...).touchend(...).touchstart(...).keyup is not a function
其中大部分来自他们拥有的教程https://www.amcharts.com/kbase/your-first-ammap/
我做错了什么导致TypeError?我已经调试了该a
对象,但据我所知,它与CodePen上的示例相同。
注意:AmCharts 和 AmMaps 在没有传入区域数组的情况下正常工作。我也尝试过使用地图的 SVG 版本,但会出现同样的问题。我还用我自己的替换了示例 CodePen 中使用的配置,效果很好。
更新
II 换掉了ammap_amcharts_extension.js
完整的ammap.js
,一切似乎都在工作。这可能是仅使用扩展的孤立问题。我也在页面上使用 AmCharts(Pie 和 Serial),所以我最初只想使用扩展名,因为它是一个较小的文件大小。