更新D3地图样本

时间:2017-08-09 13:09:26

标签: d3.js leaflet esri-leaflet esri-oss

我发现了一个使用

的好D3 Map & Chart sample
  • 小叶-0.5
  • d3.v3

我想利用esri-leaflet包中的一些功能(specifically use a Vector basemap),但我相信我需要将当前样本更新为leaflet-1.2.0才能执行此操作。

当我从使用leaflet-0.5切换到标题中的leaflet@1.2.0(来自矢量样本)以及最新的CSS时,我在控制台中收到以下错误:

leaflet.js:5 Uncaught Error: The provided object is not a Layer.
at e.addLayer (leaflet.js:5)
at e.addTo (leaflet.points-layer.js:44)
at d3_map_vt.html:76
at d3.v3.js:2011
at Object.<anonymous> (d3.v3.js:1996)
at Object.event (d3.v3.js:504)
at XMLHttpRequest.respond (d3.v3.js:1949)

有人可以给我一些关于如何更新此示例的指示以及上述错误的原因是什么?我是否还需要更新d3库?

我已经调整了我自己的数据here

的代码

1 个答案:

答案 0 :(得分:2)

你很幸运。这个伟大的样本只需要一个小的调整就可以在Leaflet 1.x中运行。

// line 1 of leaflet.points-layer.js
L.PointsLayer = L.Layer.extend({ // instead of L.Class    
  includes: L.Evented.prototype, // instead of L.Mixin.Events