digitalnagasaki https://blog.hatena.ne.jp/digitalnagasaki/ digitalnagasakiのブログ https://digitalnagasaki.hatenablog.com/ プログラミング・レッスン オープンアクセス さて、前回記事に引き続き、 Vue.jsで簡単地図マッピングです。 マーカーの地図上での表示 今度は、マーカーを表示してみましょう。 すでにここまでインストールしたモジュールでマーカーの表示はできますので、あとは タグやスクリプトを書いていけば…というところなのですが、一つ注意点があります。 どうやらこのLeafletには少しバグがあるらしくて、マーカーの画像がうまく表示されません。 そこで、 my-app-test/src/main.js というファイルに、以下のものを追記します。 import L from 'leaflet'; delete L.Icon.Default.prototyp… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdigitalnagasaki.hatenablog.com%2Fentry%2F2021%2F12%2F13%2F013850" title="Vue.jsで簡単地図マッピング - その2 マーカー表示編 - digitalnagasakiのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/d/digitalnagasaki/20211213/20211213005407.png Hatena Blog https://hatena.blog 2021-12-13 01:38:50 rich https://digitalnagasaki.hatenablog.com/entry/2021/12/13/013850 1.0 100%