art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ 地図・マップ ホームページ、Web作成 地図データを扱うJavaScriptライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、Leaflet地図に2つの機能を追加する方法。 【オープン時に現在地を表示をする】 ≪プログラムソース≫ 現在地にマーカーを表示するようにした。 <style> .center-icon { width: 12px !important; height: 12px !important; border-radius: 12px; border: 3px solid #fdfdfd; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); background-… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2021%2F06%2F12%2F101824" title="Leaflet地図：オープン時に現在地表示。地点名、住所検索機能。サンプルソース。 - 晴歩雨描" 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/a/art2nd/20210612/20210612101002.jpg Hatena Blog https://hatena.blog 2021-06-12 10:18:24 rich https://2ndart.hatenablog.com/entry/2021/06/12/101824 1.0 100%