1

我创建了一个简单的 div 地图，在其中放置了一个使用 leaflet.js 库创建的地图，如下所示：

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);
});

有人能帮我吗？谢谢

4

0 回答 0