Javascript 显示传单中标记的弹出值

我正试图用传单在地图上显示标记。单击每个标记时，我试图在弹出窗口中显示一个变量，但我无法这样做。但是，如果在

alert

方法中执行相同的操作，则会显示变量。我做错了什么

var map = L.map('map').setView([51.505, -0.09], 12);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18
}).addTo(map);

var latlngs = [[51.49,-0.11],[51.51,-0.13],[51.505,-0.09],[51.507,-0.08],    [51.509,-0.07]];


var speed = [1,2,3,4,5]
var time = [12,14,15,16]    
var test = 1 
customMarker = L.CircleMarker.extend({
   options: { 

   }    
});

for (var i = 0, len = latlngs.length; i < len; i++) {
    var m = new customMarker(latlngs[i], {
        speed: speed[i],
        time: time[i]
    });
    m.on('mouseover', function() {
        //alert('Speed at this point' + this.options.speed)
        this.bindPopup(this.options.speed).openPopup()
    })
    m.addTo(map);
}

var polyline = L.polyline(latlngs,{});
polyline.addTo(map);

var-map=L.map（'map'）.setView（[51.505，-0.09]，12）；
L.tileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
最大缩放：18
}).addTo（地图）；
var latlngs=[[51.49，-0.11]、[51.51，-0.13]、[51.505，-0.09]、[51.507，-0.08]、[51.509，-0.07]；
var速度=[1,2,3,4,5]
变量时间=[12,14,15,16]
var测试=1
customMarker=L.CircleMarker.extend({
选项：{
}    
});
对于（变量i=0，len=latlngs.length；i

为其

内容

参数接受多种类型：

bindPopup（内容、选项？

您传递的是一个整数，而不是字符串，这会将传单混淆为查找名为1的DOM节点。将值转换为字符串，问题就会消失：

this.bindPopup(this.options.speed+"").openPopup()

还有一个演示

var-map=L.map（'map'）.setView（[51.505，-0.09]，12）；
L.tileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
最大缩放：18
}).addTo（地图）；
var latlngs=[[51.49，-0.11]、[51.51，-0.13]、[51.505，-0.09]、[51.507，-0.08]、[51.509，-0.07]；
var速度=[1,2,3,4,5]
变量时间=[12,14,15,16]
var测试=1
customMarker=L.CircleMarker.extend({
选项：{
}    
});
对于（变量i=0，len=latlngs.length；i
html，正文{
身高：100%；
保证金：0；
}
#地图{
宽度：100%；
身高：100%；
}