Google Map に国旗を表示する (その1)

まず手始めに

東京の位置座標に日本の国旗を表示する

準備

(1) 横幅 100px くらいの国旗の画像をネット上に用意する

100px の国旗の画像 https://raw.githubusercontent.com/ohwada/World_Countries/master/national_flags_gmap/tokyo_japan/images/100px-Flag_of_Japan.png

(2) 東京の位置座標を取得する

GeoHack - 東京都

( 35.6894, 139.6917 )

KMLファイルを作成する

KML 入門用ドキュメント

(1) 国旗の画像をアイコンとする Style を記述する

<Style id="japan">
<IconStyle>
<Icon>
<href>
https://raw.githubusercontent.com/ohwada/World_Countries/master/national_flags_gmap/tokyo_japan/images/100px-Flag_of_Japan.png</href>
</Icon>
</IconStyle>
</Style>

(2) 上記の Style を参照する Placemark を記述する

coordinates は軽度, 緯度, 高度の順

<Placemark>
<name>Tokyo, Japan</name>
<description>
<![CDATA[<a href="https://en.wikipedia.org/wiki/Japan">Japan</a>]]>
</description>
<styleUrl>#japan</styleUrl>
<Point>
<coordinates>
139.692222, 35.689722, 0
</coordinates>
</Point>
</Placemark>

作成した KMLファイルはこちらから。 https://github.com/ohwada/World_Countries/tree/main/national_flags_gmap/tokyo_japan