2017-05-04 13 views
1

我尝试使用小册子标签,并在几个页面上成功。我想用同样的方式到其他页面上显示的标签,并将其与一个不起眼的技术消息作出回应,我不解地问:升级到1.0.3时的小册子标签

Uncaught TypeError: Cannot read property 'call' of undefined 
    at e.whenReady (leaflet.js:6) 
    at e.addLayer (leaflet.js:6) 
    at e.showLabel (leaflet.label-src.js:538) 
    at e.showLabel (leaflet.label-src.js:287) 
    at e._onMarkerAdd (leaflet.label-src.js:383) 
    at e.fire (leaflet.js:5) 
    at e._layerAdd (leaflet.js:6) 
    at e.whenReady (leaflet.js:6) 
    at e.addLayer (leaflet.js:6) 
    at e.onAdd (leaflet.js:7) 

很多研究的我发现leaflet.label已经废弃了传单后1.0.3,这是有道理的,因为我们在标签正确显示的其他页面中使用较旧的小册子版本,但是在较新的小册子版本中它会使地图​​崩溃。 docs说我应该使用bindTooltip而不是bindLabel,但我不知道如何。我试图用标记上的某些内容来调用它,但它没有出现在地图上,我没有在生成的结构中找到它。

所以,我的问题如下:我如何使用Leaflet 1.0.3标签,它将被绑定到一个标记,并将在翻译/缩放的情况下进行调整?

回答

3

Tooltip现在的确是直接属于Leaflet主库的一部分。

请注意,它仅在默认状态下出现在鼠标悬停上,但您可以使用permanent选项使其始终可见。

marker.bindTooltip("Some tooltip content", { 
    permanent: true 
}); 

例子:http://playground-leaflet.rhcloud.com/tiqo/1/edit?html,output

+0

谢谢你,现在它不会崩溃的地图,我能找到结构中的所有标签,但他们不出现,他们定位为一个在另一个之下,无论标记的真实位置。 –

+0

它出现在片刻然后消失的原因 –

+0

奇怪...你是否也更新了宣传单CSS?如果错误仍然存​​在,请尝试提供更多详细信息,甚至是实时测试用例。 – ghybs