art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ 地図・マップ ホームページ、Web作成 先日、「Leaflet」＋「Jawg Maps」を使った世界地図に国旗表示機能を付けた。 クリックした場所に、その国の国旗を表示するタイプ。 今回、首都の場所に世界の国旗全てを表示するタイプを作成。 国旗のアイコンサイズ40px版と80px版を作成。 ■ 世界地図：Jawg Maps ＋ 雨雲 ＋ 世界の国旗（40px） ■ 世界地図：Jawg Maps ＋ 雨雲 ＋ 世界の国旗（80px） 国旗をクリックすると、国と首都の名前を表示。 40px版では、国の任意の場所クリックで80pxのアイコン表示機能も追加。こちらの国名表記には、「Reverse - Nominatim」の逆ジオコーディング… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2022%2F06%2F06%2F101218" title="Leaflet地図：「Jawg Maps」世界地図に国旗表示（２）。首都に全世界の国旗を表示。 - 晴歩雨描" 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/20220606/20220606095733.jpg Hatena Blog https://hatena.blog 2022-06-06 10:12:18 rich https://2ndart.hatenablog.com/entry/2022/06/06/101218 1.0 100%