Zenn
🌎

【KML】google earthで出力したKMLファイル説明

2023/01/08に公開
kml
tech

目次

- 概要（kmlファイルの要素説明）
- KMLファイル要約
- KMLファイル詳細説明（要素名をメインに説明）
- 参考サイト

概要

- ポリゴン1つ
- Path１つ
この状態で出力したファイルの説明を以下で行います。

KMLファイル要約

KMLファイルでは、1つのファイルにstyleの設定と、オブジェクトの設定（ポリゴン、パスなど）が同居している。
オブジェクトの詳細を記述している箇所（Placemark）で、スタイルのIDを指定することで、そのオブジェクトのデザインを決定している。

KMLファイル詳細説明

＊補足＊
拡張子kmlがなかったためhtmlとして色をつけているため、ちょっと読みづらいところあると思います。

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<!-- see: https://gis-oer.github.io/gitbook/book/materials/web_gis/KML/KML.html#kml%E3%81%A8%E3%81%AF -->
<Document>
	<name>確認用_1</name>
	<!--Path_normal_普段のスタイルの指定先-->
	<gx:CascadingStyle kml:id="__managed_style_024D412DA626C2767450">
		<styleUrl>https://earth.google.com/balloon_components/base/1.0.23.0/simple_template.kml#main</styleUrl>
		<Style>
			<IconStyle>
				<Icon><!--アイコンURLを指定 以下を変更すれば、オリジナルのアイコンになる-->
					<href>https://earth.google.com/earth/rpc/cc/icon?color=1976d2&amp;id=2000&amp;scale=4</href>
				</Icon>
				<hotSpot x="64" y="128" xunits="pixels" yunits="insetPixels"/>
			</IconStyle>
			<LabelStyle>
			</LabelStyle>
			<LineStyle><!--ラインのスタイルを指定-->
				<color>ff2dc0fb</color><!--最初の2桁80(50%透過)で透過を指定し、後ろの16進数のカラーで2桁ずつでそれぞれRGB(BGRの順)を示す。-->
				<width>2</width><!--ライン幅を指定-->
			</LineStyle>
			<PolyStyle>
				<color>40ffffff</color>
			</PolyStyle>
			<BalloonStyle>
				<gx:displayMode>panel</gx:displayMode>
			</BalloonStyle>
		</Style>
	</gx:CascadingStyle>
	<!--Path_highlight_マウスオーバーしたときのスタイルの指定先-->
	<gx:CascadingStyle kml:id="__managed_style_1E1C07779A26C2767450">
		<styleUrl>https://earth.google.com/balloon_components/base/1.0.23.0/simple_template.kml#main</styleUrl>
		<Style>
			<IconStyle>
				<scale>1.2</scale>
				<Icon><!--アイコンURLを指定 以下を変更すれば、オリジナルのアイコンになる-->
					<href>https://earth.google.com/earth/rpc/cc/icon?color=1976d2&amp;id=2000&amp;scale=4</href>
				</Icon>
				<hotSpot x="64" y="128" xunits="pixels" yunits="insetPixels"/>
			</IconStyle>
			<LabelStyle>
			</LabelStyle>
			<LineStyle><!--ラインのスタイルを指定-->
				<color>ff2dc0fb</color><!--最初の2桁80(50%透過)で透過を指定し、後ろの16進数のカラーで2桁ずつでそれぞれRGB(BGRの順)を示す。-->
				<width>3</width><!--ライン幅を指定-->
			</LineStyle>
			<PolyStyle>
				<color>40ffffff</color>
			</PolyStyle>
			<BalloonStyle>
				<gx:displayMode>panel</gx:displayMode>
			</BalloonStyle>
		</Style>
	</gx:CascadingStyle>
	<!--Path_スタイル指定-->
	<StyleMap id="__managed_style_077DE1549926C276744F">
		<Pair>
			<key>normal</key><!--普段のスタイルの指定先を記述-->
			<styleUrl>#__managed_style_024D412DA626C2767450</styleUrl>
		</Pair>
		<Pair>
			<key>highlight</key><!--マウスオーバーしたときのスタイルの指定先を記述-->
			<styleUrl>#__managed_style_1E1C07779A26C2767450</styleUrl>
		</Pair>
	</StyleMap>
	<!--Polygon_highlight_マウスオーバーしたときのスタイルの指定先-->
	<gx:CascadingStyle kml:id="__managed_style_2D765C0D6C26C275E33F">
		<styleUrl>https://earth.google.com/balloon_components/base/1.0.23.0/card_template.kml#main</styleUrl>
		<Style>
			<IconStyle>
				<scale>1.2</scale><!--アイコンの大きさ-->
				<Icon><!--アイコンURLを指定 以下を変更すれば、オリジナルのアイコンになる-->
					<href>https://earth.google.com/earth/rpc/cc/icon?color=1976d2&amp;id=2000&amp;scale=4</href>
				</Icon>
				<hotSpot x="64" y="128" xunits="pixels" yunits="insetPixels"/><!--実際の地点とあうように位置をずらして表示-->
			</IconStyle>
			<LabelStyle>
			</LabelStyle>
			<LineStyle>
				<color>ff2f2fd3</color>
				<width>3</width>
			</LineStyle>
			<PolyStyle>
				<color>40ffffff</color>
			</PolyStyle>
			<BalloonStyle>
			</BalloonStyle>
		</Style>
	</gx:CascadingStyle>
	<!--Polygon_normal_普段のスタイルの指定先-->
	<gx:CascadingStyle kml:id="__managed_style_13EB95B8B726C275E33F">
		<styleUrl>https://earth.google.com/balloon_components/base/1.0.23.0/card_template.kml#main</styleUrl>
		<Style>
			<IconStyle>
				<Icon><!--アイコンURLを指定 以下を変更すれば、オリジナルのアイコンになる-->
					<href>https://earth.google.com/earth/rpc/cc/icon?color=1976d2&amp;id=2000&amp;scale=4</href>
				</Icon>
				<hotSpot x="64" y="128" xunits="pixels" yunits="insetPixels"/>
			</IconStyle>
			<LabelStyle>
			</LabelStyle>
			<LineStyle>
				<color>ff2f2fd3</color>
				<width>2</width>
			</LineStyle>
			<PolyStyle>
				<color>40ffffff</color>
			</PolyStyle>
			<BalloonStyle>
			</BalloonStyle>
		</Style>
	</gx:CascadingStyle>
	<!--Polygon_スタイル指定-->
	<StyleMap id="__managed_style_0DB35DA48B26C275E33F"><!--スタイルの指定先を記述-->
		<Pair>
			<key>normal</key><!--普段のスタイルの指定先を記述-->
			<styleUrl>#__managed_style_13EB95B8B726C275E33F</styleUrl>
		</Pair>
		<Pair>
			<key>highlight</key><!--マウスオーバーしたときのスタイルの指定先を記述-->
			<styleUrl>#__managed_style_2D765C0D6C26C275E33F</styleUrl>
		</Pair>
	</StyleMap>
	<!--オブジェクトここから-->
	<Placemark id="0FD3F6E23826C2753C43">
		<name>ポリゴン_四角_赤色</name><!--データの名前-->
		<description><![CDATA[小さな情報ボックス<br>ダミーテキスト<br><div><b>ダミーテキスト太字</b><br></div>]]></description><!--説明文(htmlで記述できる)-->
		<LookAt>
			<longitude>136.0339887252373</longitude><!--経度-->
			<latitude>35.28827656613265</latitude><!--緯度-->
			<altitude>85.70039117394039</altitude><!--標高-->
			<heading>0</heading><!--機首方位、北が0°-->
			<tilt>0</tilt><!--傾き-->
			<gx:fovy>30.00074430392422</gx:fovy>
			<range>5619.510946213268</range><!--範囲-->
			<altitudeMode>absolute</altitudeMode><!--基準:-->
		</LookAt>
		<styleUrl>#__managed_style_0DB35DA48B26C275E33F</styleUrl>
		<Polygon><!--ポリゴンを作成-->
			<outerBoundaryIs>
				<LinearRing>
					<coordinates><!--ポリゴンの頂点を作成、経緯度標高の順で指定-->
						136.0333998886292,35.28569526788821,83.4184339532485 136.0399405588734,35.29124818834438,85.66881715111157 136.0293009669277,35.29761895470939,85.6796231466123 136.0230658725704,35.2923511748315,85.67422816001582 136.0333998886292,35.28569526788821,83.4184339532485
					</coordinates>
				</LinearRing>
			</outerBoundaryIs>
		</Polygon>
	</Placemark>
	<Placemark id="0CCC04406426C2763648">
		<name>Path_黄色</name><!--データの名前-->
		<description><![CDATA[<div>大きな情報ボックス</div><div>ダミーテキスト<br></div><div>ダミーテキスト太字<b></b></div>]]></description><!--説明文(htmlで記述できる)-->
		<LookAt>
			<longitude>136.0543998107895</longitude><!--経度-->
			<latitude>35.2987898676854</latitude><!--緯度-->
			<altitude>85.70543875401248</altitude><!--標高-->
			<heading>0</heading><!--機首方位、北が0°-->
			<tilt>0</tilt><!--傾き-->
			<gx:fovy>30.00074430392422</gx:fovy>
			<range>6304.624466258103</range><!--範囲-->
			<altitudeMode>absolute</altitudeMode><!--基準:-->
		</LookAt>
		<styleUrl>#__managed_style_077DE1549926C276744F</styleUrl>
		<LineString>
			<coordinates><!--ラインの頂点を作成する。-->
				<!--経緯度と標高-->
				136.0387223844048,35.29909553310869,83.3215553593773 136.044982128946,35.29541717605282,85.6763481903012 136.053789653753,35.29845104429221,85.6982596595393 136.0621055427276,35.30144490567837,85.67343598803497 136.0687103413983,35.29988708585351,85.68734335117112
			</coordinates>
		</LineString>
	</Placemark>
</Document>
</kml>

参考サイト

https://gis-oer.github.io/gitbook/book/materials/web_gis/KML/KML.html#kmlとは

Discussion