Javascript 传单.markercluster onclick错误-无法执行';追加儿童';在';节点';:参数1的类型不是';节点';

Javascript 传单.markercluster onclick错误-无法执行';追加儿童';在';节点';:参数1的类型不是';节点';,javascript,leaflet,markerclusterer,Javascript,Leaflet,Markerclusterer,我试图在单击时调用一个函数以。在地图画布外追加一些文本。似乎有什么我正在寻找,但我还没有能够成功地应用到我的项目 我尝试过的代码: var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> cont

我试图在单击时调用一个函数以
。在地图画布外追加一些文本。似乎有什么我正在寻找,但我还没有能够成功地应用到我的项目

我尝试过的代码:

var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    maxZoom: 18,
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  }),
  latlng = L.latLng(60, -100);

var map = L.map('map', {center: latlng, zoom: 4, layers: [tiles]});
var progress = document.getElementById('progress');
var progressBar = document.getElementById('progress-bar');

function updateProgressBar(processed, total, elapsed, layersArray) {
  if (elapsed > 1000) {
    progress.style.display = 'block';
    progressBar.style.width = Math.round(processed/total*100) + '%';
  }

  if (processed === total) {
    progress.style.display = 'none';
  }
}

var markers = L.markerClusterGroup({ chunkedLoading: true, chunkProgress: updateProgressBar });
var markerList = [];

function populate() {
  getCoordinates(function (data) {
    for (var i in data) {
      var a = data[i];
      var title = a.id;
      var marker = L.marker(L.latLng(a.lat, a.lng), {title: title});
      marker.bindPopup(title);
      markers.addLayer(marker);
      markerList.push(marker);
    }

    map.addLayer(markers);
  });
}

错误由弹出窗口生成,与单击事件/处理程序无关。单击标记时,它的弹出窗口尝试将其内容设置为未定义的
title
变量。

Oops谢谢,我不应该尝试重构它,更正了它,但现在在其他地方出现了类似的错误。我已将其更改为使用
小册子src.js
以获得更好的错误消息。您能再看一看吗?
\u updateContent
方法的当前错误仍然来自
L.Popup
。它无法设置内容。您的
title
变量一定有问题,请尝试一个普通字符串:
marker.bindpoppup('My popup content')太开始,你会看到它的工作。然后从那里开始,我给它一个整数,字符串起作用了。当当,简单的错误对不起哈哈,非常感谢你为我找到了那个!我今晚可以睡得更好了哈哈
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
  L.Popup.L.Layer.extend._updateContent @ leaflet-src.js:4462
  L.Popup.L.Layer.extend.update @ leaflet-src.js:4373
  L.Popup.L.Layer.extend.onAdd @ leaflet-src.js:4308
  L.Layer.L.Evented.extend._layerAdd @ leaflet-src.js:2534
  L.Map.L.Evented.extend.whenReady @ leaflet-src.js:2382
  L.Map.include.addLayer @ leaflet-src.js:2558
  L.Map.include.openPopup @ leaflet-src.js:4592
  L.Layer.include.openPopup @ leaflet-src.js:4684
  L.Layer.include._openPopup @ leaflet-src.js:4746
  L.Evented.L.Class.extend.fire @ leaflet-src.js:488
  L.Map.L.Evented.extend._fireDOMEvent @ leaflet-src.js:2363
  L.Map.L.Evented.extend._handleDOMEvent @ leaflet-src.js:2331handler @ leaflet-src.js:6945