2017-05-04 5 views
1

リーフレットのラベルを使用しようとしましたが、いくつかのページで成功しています。私は別のページにラベルを表示するには、同じアプローチを使用していたし、それは私が理解していなかった無名の技術的なメッセージで応答:Iの研究の多くはleaflet.labelがリーフレットのために廃止されていることが分かった後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) 

1.0.3ではラベルが正しく表示される他のページで古いリーフレットバージョンを使用していますが、新しいリーフレットバージョンではマップがクラッシュします。 docsは、bindLabelの代わりにbindTooltipを使用する必要があると言いますが、どうすればよいかわかりません。私はマーカー上のいくつかのコンテンツでそれを呼び出そうとしましたが、マップ上に表示されず、生成された構造内でそれを見つけられませんでした。

私の質問は次のとおりです。リーフレット1.0.3でラベルを使用するにはどうすればいいですか?マーカにバインドされ、翻訳/ズームの際に調整されますか?

答えて

3

Tooltipは実際にリーフレットのメインライブラリの一部です。

デフォルトではマウスオーバー時にのみ表示されますが、permanentオプションを使用すると、常に表示されるようにすることができます。

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

例:

+0

http://playground-leaflet.rhcloud.com/tiqo/1/edit?html,outputは、今ではマップをクラッシュしないと、私は構造内のすべてのラベルを見つけることができ、ありがとう、しかし、彼らは表示されず、彼らは関係なく、他の下の1に配置されていますマーカーの実際の位置。 –

+0

ちょっと表示されていて、理由で消えてしまいます –

+0

Strange ...リーフレットCSSも更新しましたか?バグがまだ残っている場合は、詳細やライブテストのケースを提供してください。 – ghybs

関連する問題