当我点击标记时，弹出窗口不会出现。 我收到以下错误

Question

我试着复制粘贴错误并找到了资源，但我实际上无法理解它是什么。 我坚持这个弹出问题，帮我解决这个问题。 我正在附加我的代码片段以及控制台日志中弹出的错误。

片段：

for (var i=0; i<quakePoints.length; i++) {

        var lon = quakePoints[i][1];
        var lat = quakePoints[i][0];
        var popupText = quakePoints[i][2];
        var markerLocation = new L.LatLng(lat, lon);
        var marker = new L.marker(markerLocation);
        marker.bindPopup(popupText).addTo(map);

    }

错误：

leaflet.js:7 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
        at e._updateContent (leaflet.js:7)
        at e.update (leaflet.js:7)
        at e.onAdd (leaflet.js:7)
        at e._layerAdd (leaflet.js:6)
        at e.addLayer (leaflet.js:6)
        at e.openPopup (leaflet.js:7)
        at e.openPopup (leaflet.js:7)
        at e.togglePopup (leaflet.js:7)
        at e.fireEvent (leaflet.js:6)
        at e._onMouseClick (leaflet.js:7)

错误 - 使用leaflet-src.js后

leaflet-src.js:4046 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
    at NewClass._updateContent (leaflet-src.js:4046)
    at NewClass.update (leaflet-src.js:3974)
    at NewClass.onAdd (leaflet-src.js:3899)
    at NewClass._layerAdd (leaflet-src.js:2265)
    at NewClass.addLayer (leaflet-src.js:1723)
    at NewClass.openPopup (leaflet-src.js:4172)
    at NewClass.openPopup (leaflet-src.js:4197)
    at NewClass.togglePopup (leaflet-src.js:4215)
    at NewClass.fireEvent (leaflet-src.js:466)
    at NewClass._onMouseClick (leaflet-src.js:3738)

编辑，附加样本数据

var quakePoints = [
    [17.123184,79.208824,1.7345],
    [19.123184,76.208824,2.7345],
    [18.123184,69.208824,2.7345],
    [21.123184,70.208824,3.7345],
    [23.123184,72.208824,2.6645],
    [22.123184,77.208824,1.2245],
    [24.123184,85.208824,2.7345],
    [18.123184,78.208824,1.7345],
    [11.123184,89.208824,1.7345]];

Answer 1

根据你的另一个问题， quakePoints数组看起来像：

var quakePoints = [
    [17.123184,79.208824,1.7345],
    ...
];

这意味着popupText在这里......

    var popupText = quakePoints[i][2];

...获取值1.7345 ，但作为数字 ，而不是字符串 。

稍后，Leaflet运行这段代码 ，内部参数content设置为Number 1.7345 ：

    if (typeof content === 'string') {
        node.innerHTML = content;
    } else {
        // snip
        node.appendChild(content);
    }

该参数不是 String ，因此它尝试将其作为HTMLElement处理。

请仔细阅读Leaflet API参考中bindPopup方法的定义 ：

bindPopup(<String|HTMLElement|Function|Popup> content, <Popup options> options?)

使用传递的内容将弹出窗口绑定到图层，并设置必要的事件侦听器。 如果传递了一个Function ，它将接收该层作为第一个参数，并应该返回一个String或HTMLElement 。

注意bindPopup的第一个参数必须是String ， HTMLElement ，返回String或HTMLElement的Function ，还是Popup的实例。 你传递的是一个Number ，这些都不是，所以你的问题实际上就是GIGO 。

这里的方法是确保你传递一个String ：

例如，使用String() ：

    var popupText = String(quakePoints[i][2]);

或者例如使用Number.toString() ：

    var popupText = quakePoints[i][2].toString();