javascript - Leaflet マップの D3 fisheye.js プラグイン

Question

次のように、leaflet.js ライブラリで作成したマップを配置する単純な div マップを作成しました。

var map = L.map('map', {
center: [51.505, -0.09],
zoom: 13});

次に、d3 フィッシュアイ プラグインを使用して歪みを実装しようとしましたが、結果がありません。このプラグインをリーフレット マップで使用することはできますか? 次のコードを試しましたが、おそらく問題は、呼び出された関数によって返される x、y、z 属性を持つオブジェクトを使用していないことです。

var coordinates = [0, 0];
var svg = d3.select("#map");
svg.on("mousemove", function () {
    var latlng = new Array();
    coordinates = d3.mouse(this);
    var point = L.point(coordinate[0],coordinate[1]);
    var d = map.layerPointToLatLng(point);
    latlng[0] = d.lat;
    latlng[1] = d.lng;
    fisheye.focus(latlng);
});

誰かが私を助けることができますか？ありがとう