d3 +传单单击路径不会显示弹出窗口

时间:2018-07-16 13:21:30

标签: javascript d3.js popup click leaflet

这是我的代码:

var upd = sel.selectAll('path').data(hex_parked_car);
    upd.enter()
        .append('path')
        .attr('class', 'hexparked')           
        .attr('d', proj.pathFromGeojson)
        .style("fill-opacity", 0.5)
        .attr("stroke", '#ffffff')
        .attr('stroke-opacity', '0')
        .style("pointer-events","visible")
        .attr("fill", function (d) {
            return scheme[scale(d.properties.parked_car)];
        })
        .attr('stroke-width', 0.5)
        .on("click", function (d) {   
                console.log('click event');
                var popup = L.popup()
                .setLatLng([41.893056, 12.482778])
                .setContent('<p>Hello world!<br />This is a nice popup.</p>')
                .openOn(map);
                return false;
      })

当我单击路径时,显示console.log事件,但没有弹出窗口,如果我在调试模式下使用chrome控制台,则显示弹出窗口,但是传单中有一些东西会隐藏弹出窗口:

var handler = function (e) {
    return fn.call(context || obj, e || window.event);
};

如果我将弹出式窗口创建放入函数中并通过单击传单地图外部的按钮进行调用,则弹出式窗口将正确显示。

有人遇到过这个问题吗?

谢谢

0 个答案:

没有答案