ブログ一覧に戻る

nuxt-leafletの「l-popup」「l-tooltip」について

leafletNuxtnuxt-leaflet

みなさんこんにちは!
イザナギです!


<l-marker :lat-lng="marker.lat">
       <l-popup :content="marker.contents"></l-popup>
</l-marker>


<l-marker :lat-lng="marker.lat">
   <l-tooltip :content="marker.contents"></l-tooltip>
</l-marker>

「l-popup」の部分を「l-tooltip」に変換しただけですね。

まとめ

今回は「leaflet」の「l-popup」「l-tooltip」について紹介しました。
私はポップアップが好きなので、「l-popup」を採用しました。
でも、いろいろ「leaflet」に調べてきましたが、やはりカスタマイズ性が高そうですね。
今度も、また何かありましたら紹介していきたいと思います。(今度は線をひいてみたいと考えております!)
それでは、今回は短いですがここで筆を置かせていただきます!
最後まで記事をご覧いただきありがとうございました!

関連記事

この記事に関連するおすすめです。