├── CHANGELOG.md
├── L.KML.js
├── README.md
├── assets
    ├── example1.kml
    ├── example2.kml
    └── screenshot.jpg
└── package.json


/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | ### 1.1.0
 2 | 
 3 | - Fixed markers wrong locations for already loaded icons
 4 | - Fixed #7 (Featured parsed inside MultiGeometry elements don't bind the correct placemark popup information)
 5 | - Fixed #9 (Image assets larger than 'iconSize' offset pop-up windows incorrectly when loaded from a warm cache)
 6 | - Fixed #14 (Disappearing polygons)
 7 | 
 8 | ### 1.0.1
 9 | 
10 | - Updated README
11 | 
12 | ### 1.0.0
13 | 
14 | - Initial commit, original version with few fixes
15 | 


--------------------------------------------------------------------------------
/L.KML.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 | 	Copyright (c) 2011-2015, Pavel Shramov, Bruno Bergot - MIT licence
  3 | */
  4 | 
  5 | L.KML = L.FeatureGroup.extend({
  6 | 
  7 | 	initialize: function (kml, kmlOptions) {
  8 | 		this._kml = kml;
  9 | 		this._layers = {};
 10 | 		this._kmlOptions = kmlOptions;
 11 | 
 12 | 		if (kml) {
 13 | 			this.addKML(kml, kmlOptions);
 14 | 		}
 15 | 	},
 16 | 
 17 | 	addKML: function (xml, kmlOptions) {
 18 | 		var layers = L.KML.parseKML(xml, kmlOptions);
 19 | 		if (!layers || !layers.length) return;
 20 | 		for (var i = 0; i < layers.length; i++) {
 21 | 			this.fire('addlayer', {
 22 | 				layer: layers[i]
 23 | 			});
 24 | 			this.addLayer(layers[i]);
 25 | 		}
 26 | 		this.latLngs = L.KML.getLatLngs(xml);
 27 | 		this.fire('loaded');
 28 | 	},
 29 | 
 30 | 	latLngs: []
 31 | });
 32 | 
 33 | L.Util.extend(L.KML, {
 34 | 
 35 | 	parseKML: function (xml, kmlOptions) {
 36 | 		var style = this.parseStyles(xml, kmlOptions);
 37 | 		this.parseStyleMap(xml, style);
 38 | 		var el = xml.getElementsByTagName('Folder');
 39 | 		var layers = [], l;
 40 | 		for (var i = 0; i < el.length; i++) {
 41 | 			if (!this._check_folder(el[i])) { continue; }
 42 | 			l = this.parseFolder(el[i], style);
 43 | 			if (l) { layers.push(l); }
 44 | 		}
 45 | 		el = xml.getElementsByTagName('Placemark');
 46 | 		for (var j = 0; j < el.length; j++) {
 47 | 			if (!this._check_folder(el[j])) { continue; }
 48 | 			l = this.parsePlacemark(el[j], xml, style);
 49 | 			if (l) { layers.push(l); }
 50 | 		}
 51 | 		el = xml.getElementsByTagName('GroundOverlay');
 52 | 		for (var k = 0; k < el.length; k++) {
 53 | 			l = this.parseGroundOverlay(el[k]);
 54 | 			if (l) { layers.push(l); }
 55 | 		}
 56 | 		return layers;
 57 | 	},
 58 | 
 59 | 	// Return false if e's first parent Folder is not [folder]
 60 | 	// - returns true if no parent Folders
 61 | 	_check_folder: function (e, folder) {
 62 | 		e = e.parentNode;
 63 | 		while (e && e.tagName !== 'Folder')
 64 | 		{
 65 | 			e = e.parentNode;
 66 | 		}
 67 | 		return !e || e === folder;
 68 | 	},
 69 | 
 70 | 	parseStyles: function (xml, kmlOptions) {
 71 | 		var styles = {};
 72 | 		var sl = xml.getElementsByTagName('Style');
 73 | 		for (var i=0, len=sl.length; i<len; i++) {
 74 | 			var style = this.parseStyle(sl[i], kmlOptions);
 75 | 			if (style) {
 76 | 				var styleName = '#' + style.id;
 77 | 				styles[styleName] = style;
 78 | 			}
 79 | 		}
 80 | 		return styles;
 81 | 	},
 82 | 
 83 | 	parseStyle: function (xml, kmlOptions) {
 84 | 		var style = {}, poptions = {}, ioptions = {}, el, id;
 85 | 
 86 | 		var attributes = {color: true, width: true, Icon: true, href: true, hotSpot: true};
 87 | 
 88 | 		function _parse (xml) {
 89 | 			var options = {};
 90 | 			for (var i = 0; i < xml.childNodes.length; i++) {
 91 | 				var e = xml.childNodes[i];
 92 | 				var key = e.tagName;
 93 | 				if (!attributes[key]) { continue; }
 94 | 				if (key === 'hotSpot')
 95 | 				{
 96 | 					for (var j = 0; j < e.attributes.length; j++) {
 97 | 						options[e.attributes[j].name] = e.attributes[j].nodeValue;
 98 | 					}
 99 | 				} else {
100 | 					var value = (e.childNodes && e.childNodes.length) ? e.childNodes[0].nodeValue : null;
101 | 					if(!value) {
102 | 						continue;
103 | 					}
104 | 					if (key === 'color') {
105 | 						options.opacity = parseInt(value.substring(0, 2), 16) / 255.0;
106 | 						options.color = '#' + value.substring(6, 8) + value.substring(4, 6) + value.substring(2, 4);
107 | 					} else if (key === 'width') {
108 | 						options.weight = parseInt(value);
109 | 					} else if (key === 'Icon') {
110 | 						ioptions = _parse(e);
111 | 						if (ioptions.href) { options.href = ioptions.href; }
112 | 					} else if (key === 'href') {
113 | 						options.href = value;
114 | 					}
115 | 				}
116 | 			}
117 | 			return options;
118 | 		}
119 | 
120 | 		el = xml.getElementsByTagName('LineStyle');
121 | 		if (el && el[0]) { style = _parse(el[0]); }
122 | 		el = xml.getElementsByTagName('PolyStyle');
123 | 		if (el && el[0]) { poptions = _parse(el[0]); }
124 | 		if (poptions.color) { style.fillColor = poptions.color; }
125 | 		if (poptions.opacity) { style.fillOpacity = poptions.opacity; }
126 | 		el = xml.getElementsByTagName('IconStyle');
127 | 		if (el && el[0]) { ioptions = _parse(el[0]); }
128 | 		if (ioptions.href) {
129 | 			var iconOptions = {
130 | 				iconUrl: ioptions.href,
131 | 				shadowUrl: null,
132 | 				anchorRef: {x: ioptions.x, y: ioptions.y},
133 | 				anchorType:	{x: ioptions.xunits, y: ioptions.yunits}
134 | 			};
135 | 
136 | 			if (typeof kmlOptions === "object" && typeof kmlOptions.iconOptions === "object") {
137 | 				L.Util.extend(iconOptions, kmlOptions.iconOptions);
138 | 			}
139 | 
140 | 			style.icon = new L.KMLIcon(iconOptions);
141 | 		}
142 | 
143 | 		id = xml.getAttribute('id');
144 | 		if (id && style) {
145 | 			style.id = id;
146 | 		}
147 | 
148 | 		return style;
149 | 	},
150 | 
151 | 	parseStyleMap: function (xml, existingStyles) {
152 | 		var sl = xml.getElementsByTagName('StyleMap');
153 | 
154 | 		for (var i = 0; i < sl.length; i++) {
155 | 			var e = sl[i], el;
156 | 			var smKey, smStyleUrl;
157 | 
158 | 			el = e.getElementsByTagName('key');
159 | 			if (el && el[0]) { smKey = el[0].textContent; }
160 | 			el = e.getElementsByTagName('styleUrl');
161 | 			if (el && el[0]) { smStyleUrl = el[0].textContent; }
162 | 
163 | 			if (smKey === 'normal')
164 | 			{
165 | 				existingStyles['#' + e.getAttribute('id')] = existingStyles[smStyleUrl];
166 | 			}
167 | 		}
168 | 
169 | 		return;
170 | 	},
171 | 
172 | 	parseFolder: function (xml, style) {
173 | 		var el, layers = [], l;
174 | 		el = xml.getElementsByTagName('Folder');
175 | 		for (var i = 0; i < el.length; i++) {
176 | 			if (!this._check_folder(el[i], xml)) { continue; }
177 | 			l = this.parseFolder(el[i], style);
178 | 			if (l) { layers.push(l); }
179 | 		}
180 | 		el = xml.getElementsByTagName('Placemark');
181 | 		for (var j = 0; j < el.length; j++) {
182 | 			if (!this._check_folder(el[j], xml)) { continue; }
183 | 			l = this.parsePlacemark(el[j], xml, style);
184 | 			if (l) { layers.push(l); }
185 | 		}
186 | 		el = xml.getElementsByTagName('GroundOverlay');
187 | 		for (var k = 0; k < el.length; k++) {
188 | 			if (!this._check_folder(el[k], xml)) { continue; }
189 | 			l = this.parseGroundOverlay(el[k]);
190 | 			if (l) { layers.push(l); }
191 | 		}
192 | 		if (!layers.length) { return; }
193 | 		if (layers.length === 1) {
194 | 			l = layers[0];
195 | 		} else {
196 | 			l = new L.FeatureGroup(layers);
197 | 		}
198 | 		el = xml.getElementsByTagName('name');
199 | 		if (el.length && el[0].childNodes.length) {
200 | 			l.options.name = el[0].childNodes[0].nodeValue;
201 | 		}
202 | 		return l;
203 | 	},
204 | 
205 | 	parsePlacemark: function (place, xml, style, options) {
206 | 		var h, i, j, k, el, il, opts = options || {};
207 | 
208 | 		el = place.getElementsByTagName('styleUrl');
209 | 		for (i = 0; i < el.length; i++) {
210 | 			var url = el[i].childNodes[0].nodeValue;
211 | 			for (var a in style[url]) {
212 | 				opts[a] = style[url][a];
213 | 			}
214 | 		}
215 | 
216 | 		il = place.getElementsByTagName('Style')[0];
217 | 		if (il) {
218 | 			var inlineStyle = this.parseStyle(place);
219 | 			if (inlineStyle) {
220 | 				for (k in inlineStyle) {
221 | 					opts[k] = inlineStyle[k];
222 | 				}
223 | 			}
224 | 		}
225 | 
226 | 		var multi = ['MultiGeometry', 'MultiTrack', 'gx:MultiTrack'];
227 | 		for (h in multi) {
228 | 			el = place.getElementsByTagName(multi[h]);
229 | 			for (i = 0; i < el.length; i++) {
230 | 				var layer = this.parsePlacemark(el[i], xml, style, opts);
231 | 				if (layer === undefined)
232 | 					continue;
233 | 				this.addPlacePopup(place, layer);
234 | 				return layer;
235 | 			}
236 | 		}
237 | 
238 | 		var layers = [];
239 | 
240 | 		var parse = ['LineString', 'Polygon', 'Point', 'Track', 'gx:Track'];
241 | 		for (j in parse) {
242 | 			var tag = parse[j];
243 | 			el = place.getElementsByTagName(tag);
244 | 			for (i = 0; i < el.length; i++) {
245 | 				var l = this['parse' + tag.replace(/gx:/, '')](el[i], xml, opts);
246 | 				if (l) { layers.push(l); }
247 | 			}
248 | 		}
249 | 
250 | 		if (!layers.length) {
251 | 			return;
252 | 		}
253 | 		var layer = layers[0];
254 | 		if (layers.length > 1) {
255 | 			layer = new L.FeatureGroup(layers);
256 | 		}
257 | 
258 | 		this.addPlacePopup(place, layer);
259 | 		return layer;
260 | 	},
261 | 
262 |   addPlacePopup: function(place, layer) {
263 |     var el, i, j, name, descr = '';
264 |     el = place.getElementsByTagName('name');
265 |     if (el.length && el[0].childNodes.length) {
266 |       name = el[0].childNodes[0].nodeValue;
267 |     }
268 |     el = place.getElementsByTagName('description');
269 |     for (i = 0; i < el.length; i++) {
270 |       for (j = 0; j < el[i].childNodes.length; j++) {
271 |         descr = descr + el[i].childNodes[j].nodeValue;
272 |       }
273 |     }
274 | 
275 |     if (name) {
276 |       layer.bindPopup('<h2>' + name + '</h2>' + descr, { className: 'kml-popup'});
277 |     }
278 |   },
279 | 
280 | 	parseCoords: function (xml) {
281 | 		var el = xml.getElementsByTagName('coordinates');
282 | 		return this._read_coords(el[0]);
283 | 	},
284 | 
285 | 	parseLineString: function (line, xml, options) {
286 | 		var coords = this.parseCoords(line);
287 | 		if (!coords.length) { return; }
288 | 		return new L.Polyline(coords, options);
289 | 	},
290 | 
291 | 	parseTrack: function (line, xml, options) {
292 | 		var el = xml.getElementsByTagName('gx:coord');
293 | 		if (el.length === 0) { el = xml.getElementsByTagName('coord'); }
294 | 		var coords = [];
295 | 		for (var j = 0; j < el.length; j++) {
296 | 			coords = coords.concat(this._read_gxcoords(el[j]));
297 | 		}
298 | 		if (!coords.length) { return; }
299 | 		return new L.Polyline(coords, options);
300 | 	},
301 | 
302 | 	parsePoint: function (line, xml, options) {
303 | 		var el = line.getElementsByTagName('coordinates');
304 | 		if (!el.length) {
305 | 			return;
306 | 		}
307 | 		var ll = el[0].childNodes[0].nodeValue.split(',');
308 | 		return new L.KMLMarker(new L.LatLng(ll[1], ll[0]), options);
309 | 	},
310 | 
311 | 	parsePolygon: function (line, xml, options) {
312 | 		var el, polys = [], inner = [], i, coords;
313 | 		el = line.getElementsByTagName('outerBoundaryIs');
314 | 		for (i = 0; i < el.length; i++) {
315 | 			coords = this.parseCoords(el[i]);
316 | 			if (coords) {
317 | 				polys.push(coords);
318 | 			}
319 | 		}
320 | 		el = line.getElementsByTagName('innerBoundaryIs');
321 | 		for (i = 0; i < el.length; i++) {
322 | 			coords = this.parseCoords(el[i]);
323 | 			if (coords) {
324 | 				inner.push(coords);
325 | 			}
326 | 		}
327 | 		if (!polys.length) {
328 | 			return;
329 | 		}
330 | 		if (options.fillColor) {
331 | 			options.fill = true;
332 | 		}
333 | 		if (polys.length === 1) {
334 | 			return new L.Polygon(polys.concat(inner), options);
335 | 		}
336 | 		return new L.MultiPolygon(polys, options);
337 | 	},
338 | 
339 | 	getLatLngs: function (xml) {
340 | 		var el = xml.getElementsByTagName('coordinates');
341 | 		var coords = [];
342 | 		for (var j = 0; j < el.length; j++) {
343 | 			// text might span many childNodes
344 | 			coords = coords.concat(this._read_coords(el[j]));
345 | 		}
346 | 		return coords;
347 | 	},
348 | 
349 | 	_read_coords: function (el) {
350 | 		var text = '', coords = [], i;
351 | 		for (i = 0; i < el.childNodes.length; i++) {
352 | 			text = text + el.childNodes[i].nodeValue;
353 | 		}
354 | 		text = text.split(/[\s\n]+/);
355 | 		for (i = 0; i < text.length; i++) {
356 | 			var ll = text[i].split(',');
357 | 			if (ll.length < 2) {
358 | 				continue;
359 | 			}
360 | 			coords.push(new L.LatLng(ll[1], ll[0]));
361 | 		}
362 | 		return coords;
363 | 	},
364 | 
365 | 	_read_gxcoords: function (el) {
366 | 		var text = '', coords = [];
367 | 		text = el.firstChild.nodeValue.split(' ');
368 | 		coords.push(new L.LatLng(text[1], text[0]));
369 | 		return coords;
370 | 	},
371 | 
372 | 	parseGroundOverlay: function (xml) {
373 | 		var latlonbox = xml.getElementsByTagName('LatLonBox')[0];
374 | 		var bounds = new L.LatLngBounds(
375 | 			[
376 | 				latlonbox.getElementsByTagName('south')[0].childNodes[0].nodeValue,
377 | 				latlonbox.getElementsByTagName('west')[0].childNodes[0].nodeValue
378 | 			],
379 | 			[
380 | 				latlonbox.getElementsByTagName('north')[0].childNodes[0].nodeValue,
381 | 				latlonbox.getElementsByTagName('east')[0].childNodes[0].nodeValue
382 | 			]
383 | 		);
384 | 		var attributes = {Icon: true, href: true, color: true};
385 | 		function _parse (xml) {
386 | 			var options = {}, ioptions = {};
387 | 			for (var i = 0; i < xml.childNodes.length; i++) {
388 | 				var e = xml.childNodes[i];
389 | 				var key = e.tagName;
390 | 				if (!attributes[key]) { continue; }
391 | 				var value = e.childNodes[0].nodeValue;
392 | 				if (key === 'Icon') {
393 | 					ioptions = _parse(e);
394 | 					if (ioptions.href) { options.href = ioptions.href; }
395 | 				} else if (key === 'href') {
396 | 					options.href = value;
397 | 				} else if (key === 'color') {
398 | 					options.opacity = parseInt(value.substring(0, 2), 16) / 255.0;
399 | 					options.color = '#' + value.substring(6, 8) + value.substring(4, 6) + value.substring(2, 4);
400 | 				}
401 | 			}
402 | 			return options;
403 | 		}
404 | 		var options = {};
405 | 		options = _parse(xml);
406 | 		if (latlonbox.getElementsByTagName('rotation')[0] !== undefined) {
407 | 			var rotation = latlonbox.getElementsByTagName('rotation')[0].childNodes[0].nodeValue;
408 | 			options.rotation = parseFloat(rotation);
409 | 		}
410 | 		return new L.RotatedImageOverlay(options.href, bounds, {opacity: options.opacity, angle: options.rotation});
411 | 	}
412 | 
413 | });
414 | 
415 | L.KMLIcon = L.Icon.extend({
416 | 	options: {
417 | 		iconSize: [32, 32],
418 | 		iconAnchor: [16, 16],
419 | 	},
420 | 	_setIconStyles: function (img, name) {
421 | 		L.Icon.prototype._setIconStyles.apply(this, [img, name]);
422 | 	},
423 | 	_createImg: function (src, el) {
424 | 		el = el || document.createElement('img');
425 | 		el.onload = this.applyCustomStyles.bind(this,el)
426 | 		el.src = src;
427 | 		return el;
428 | 	},
429 | 	applyCustomStyles: function(img) {
430 | 		var options = this.options;
431 | 		var width = options.iconSize[0];
432 | 		var height = options.iconSize[1];
433 | 
434 | 		this.options.popupAnchor = [0,(-0.83*height)];
435 | 		if (options.anchorType.x === 'fraction')
436 | 			img.style.marginLeft = (-options.anchorRef.x * width) + 'px';
437 | 		if (options.anchorType.y === 'fraction')
438 | 			img.style.marginTop  = ((-(1 - options.anchorRef.y) * height) + 1) + 'px';
439 | 		if (options.anchorType.x === 'pixels')
440 | 			img.style.marginLeft = (-options.anchorRef.x) + 'px';
441 | 		if (options.anchorType.y === 'pixels')
442 | 			img.style.marginTop  = (options.anchorRef.y - height + 1) + 'px';
443 | 	}
444 | });
445 | 
446 | 
447 | L.KMLMarker = L.Marker.extend({
448 | 	options: {
449 | 		icon: new L.KMLIcon.Default()
450 | 	}
451 | });
452 | 
453 | // Inspired by https://github.com/bbecquet/Leaflet.PolylineDecorator/tree/master/src
454 | L.RotatedImageOverlay = L.ImageOverlay.extend({
455 | 	options: {
456 | 		angle: 0
457 | 	},
458 | 	_reset: function () {
459 | 		L.ImageOverlay.prototype._reset.call(this);
460 | 		this._rotate();
461 | 	},
462 | 	_animateZoom: function (e) {
463 | 		L.ImageOverlay.prototype._animateZoom.call(this, e);
464 | 		this._rotate();
465 | 	},
466 | 	_rotate: function () {
467 |         if (L.DomUtil.TRANSFORM) {
468 |             // use the CSS transform rule if available
469 |             this._image.style[L.DomUtil.TRANSFORM] += ' rotate(' + this.options.angle + 'deg)';
470 |         } else if (L.Browser.ie) {
471 |             // fallback for IE6, IE7, IE8
472 |             var rad = this.options.angle * (Math.PI / 180),
473 |                 costheta = Math.cos(rad),
474 |                 sintheta = Math.sin(rad);
475 |             this._image.style.filter += ' progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\', M11=' +
476 |                 costheta + ', M12=' + (-sintheta) + ', M21=' + sintheta + ', M22=' + costheta + ')';
477 |         }
478 | 	},
479 | 	getBounds: function () {
480 | 		return this._bounds;
481 | 	}
482 | });
483 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Leaflet KML layer plugin
 2 | 
 3 | ![Example](assets/screenshot.jpg)
 4 | 
 5 | Demo: https://www.windy.com/uploader
 6 | 
 7 | This plugin was extracted from Pavel Shramov's Leaflet Plugins [repository](https://github.com/shramov/leaflet-plugins) in order to maintain this code more frequently and separate KML layer from other plugins.
 8 | 
 9 | So far we have fixed few issues.
10 | 
11 | Probably will work on Leaflet 1+, tested on Leaflet 1.4.
12 | 
13 | ## How to use
14 | 
15 | ```html
16 | <html>
17 |     <head>
18 |         <link rel="stylesheet" href="http://unpkg.com/leaflet@1.4.0/dist/leaflet.css" />
19 |         <script src="http://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
20 |         <script src="./L.KML.js"></script>
21 |     </head>
22 |     <body>
23 |         <div style="width: 100vw; height: 100vh" id="map"></div>
24 |         <script type="text/javascript">
25 |             // Make basemap
26 |             const map = new L.Map('map', { center: new L.LatLng(58.4, 43.0), zoom: 11 });
27 |             const osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
28 | 
29 |             map.addLayer(osm);
30 | 
31 |             // Load kml file
32 |             fetch('assets/example1.kml')
33 |                 .then(res => res.text())
34 |                 .then(kmltext => {
35 |                     // Create new kml overlay
36 |                     const parser = new DOMParser();
37 |                     const kml = parser.parseFromString(kmltext, 'text/xml');
38 |                     const track = new L.KML(kml);
39 |                     map.addLayer(track);
40 | 
41 |                     // Adjust map to show the kml
42 |                     const bounds = track.getBounds();
43 |                     map.fitBounds(bounds);
44 |                 });
45 |         </script>
46 |     </body>
47 | </html>
48 | 
49 | ```
50 | 
51 | ## Licence
52 | 
53 | MIT
54 | 


--------------------------------------------------------------------------------
/assets/example1.kml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <kml xmlns="http://www.opengis.net/kml/2.2">
  3 |   <Document>
  4 |     <name>KML Samples</name>
  5 |     <open>1</open>
  6 |     <description>Unleash your creativity with the help of these examples!</description>
  7 |     <Style id="downArrowIcon">
  8 |       <IconStyle>
  9 |         <Icon>
 10 |           <href>http://maps.google.com/mapfiles/kml/pal4/icon28.png</href>
 11 |         </Icon>
 12 |       </IconStyle>
 13 |     </Style>
 14 |     <Style id="globeIcon">
 15 |       <IconStyle>
 16 |         <Icon>
 17 |           <href>http://maps.google.com/mapfiles/kml/pal3/icon19.png</href>
 18 |         </Icon>
 19 |       </IconStyle>
 20 |       <LineStyle>
 21 |         <width>2</width>
 22 |       </LineStyle>
 23 |     </Style>
 24 |     <Style id="transPurpleLineGreenPoly">
 25 |       <LineStyle>
 26 |         <color>7fff00ff</color>
 27 |         <width>4</width>
 28 |       </LineStyle>
 29 |       <PolyStyle>
 30 |         <color>7f00ff00</color>
 31 |       </PolyStyle>
 32 |     </Style>
 33 |     <Style id="yellowLineGreenPoly">
 34 |       <LineStyle>
 35 |         <color>7f00ffff</color>
 36 |         <width>4</width>
 37 |       </LineStyle>
 38 |       <PolyStyle>
 39 |         <color>7f00ff00</color>
 40 |       </PolyStyle>
 41 |     </Style>
 42 |     <Style id="thickBlackLine">
 43 |       <LineStyle>
 44 |         <color>87000000</color>
 45 |         <width>10</width>
 46 |       </LineStyle>
 47 |     </Style>
 48 |     <Style id="redLineBluePoly">
 49 |       <LineStyle>
 50 |         <color>ff0000ff</color>
 51 |       </LineStyle>
 52 |       <PolyStyle>
 53 |         <color>ffff0000</color>
 54 |       </PolyStyle>
 55 |     </Style>
 56 |     <Style id="blueLineRedPoly">
 57 |       <LineStyle>
 58 |         <color>ffff0000</color>
 59 |       </LineStyle>
 60 |       <PolyStyle>
 61 |         <color>ff0000ff</color>
 62 |       </PolyStyle>
 63 |     </Style>
 64 |     <Style id="transRedPoly">
 65 |       <LineStyle>
 66 |         <width>1.5</width>
 67 |       </LineStyle>
 68 |       <PolyStyle>
 69 |         <color>7d0000ff</color>
 70 |       </PolyStyle>
 71 |     </Style>
 72 |     <Style id="transBluePoly">
 73 |       <LineStyle>
 74 |         <width>1.5</width>
 75 |       </LineStyle>
 76 |       <PolyStyle>
 77 |         <color>7dff0000</color>
 78 |       </PolyStyle>
 79 |     </Style>
 80 |     <Style id="transGreenPoly">
 81 |       <LineStyle>
 82 |         <width>1.5</width>
 83 |       </LineStyle>
 84 |       <PolyStyle>
 85 |         <color>7d00ff00</color>
 86 |       </PolyStyle>
 87 |     </Style>
 88 |     <Style id="transYellowPoly">
 89 |       <LineStyle>
 90 |         <width>1.5</width>
 91 |       </LineStyle>
 92 |       <PolyStyle>
 93 |         <color>7d00ffff</color>
 94 |       </PolyStyle>
 95 |     </Style>
 96 |     <Style id="noDrivingDirections">
 97 |       <BalloonStyle>
 98 |         <text><![CDATA[
 99 |           <b>$[name]</b>
100 |           <br /><br />
101 |           $[description]
102 |         ]]></text>
103 |       </BalloonStyle>
104 |     </Style>
105 |     <Folder>
106 |       <name>Placemarks</name>
107 |       <description>These are just some of the different kinds of placemarks with
108 |         which you can mark your favorite places</description>
109 |       <LookAt>
110 |         <longitude>-122.0839597145766</longitude>
111 |         <latitude>37.42222904525232</latitude>
112 |         <altitude>0</altitude>
113 |         <heading>-148.4122922628044</heading>
114 |         <tilt>40.5575073395506</tilt>
115 |         <range>500.6566641072245</range>
116 |       </LookAt>
117 |       <Placemark>
118 |         <name>Simple placemark</name>
119 |         <description>Attached to the ground. Intelligently places itself at the
120 |           height of the underlying terrain.</description>
121 |         <Point>
122 |           <coordinates>-122.0822035425683,37.42228990140251,0</coordinates>
123 |         </Point>
124 |       </Placemark>
125 |       <Placemark>
126 |         <name>Floating placemark</name>
127 |         <visibility>0</visibility>
128 |         <description>Floats a defined distance above the ground.</description>
129 |         <LookAt>
130 |           <longitude>-122.0839597145766</longitude>
131 |           <latitude>37.42222904525232</latitude>
132 |           <altitude>0</altitude>
133 |           <heading>-148.4122922628044</heading>
134 |           <tilt>40.5575073395506</tilt>
135 |           <range>500.6566641072245</range>
136 |         </LookAt>
137 |         <styleUrl>#downArrowIcon</styleUrl>
138 |         <Point>
139 |           <altitudeMode>relativeToGround</altitudeMode>
140 |           <coordinates>-122.084075,37.4220033612141,50</coordinates>
141 |         </Point>
142 |       </Placemark>
143 |       <Placemark>
144 |         <name>Extruded placemark</name>
145 |         <visibility>0</visibility>
146 |         <description>Tethered to the ground by a customizable
147 |           &quot;tail&quot;</description>
148 |         <LookAt>
149 |           <longitude>-122.0845787421525</longitude>
150 |           <latitude>37.42215078737763</latitude>
151 |           <altitude>0</altitude>
152 |           <heading>-148.4126684946234</heading>
153 |           <tilt>40.55750733918048</tilt>
154 |           <range>365.2646606980322</range>
155 |         </LookAt>
156 |         <styleUrl>#globeIcon</styleUrl>
157 |         <Point>
158 |           <extrude>1</extrude>
159 |           <altitudeMode>relativeToGround</altitudeMode>
160 |           <coordinates>-122.0857667006183,37.42156927867553,50</coordinates>
161 |         </Point>
162 |       </Placemark>
163 |     </Folder>
164 |     <Folder>
165 |       <name>Styles and Markup</name>
166 |       <visibility>0</visibility>
167 |       <description>With KML it is easy to create rich, descriptive markup to
168 |         annotate and enrich your placemarks</description>
169 |       <LookAt>
170 |         <longitude>-122.0845787422371</longitude>
171 |         <latitude>37.42215078726837</latitude>
172 |         <altitude>0</altitude>
173 |         <heading>-148.4126777488172</heading>
174 |         <tilt>40.55750733930874</tilt>
175 |         <range>365.2646826292919</range>
176 |       </LookAt>
177 |       <styleUrl>#noDrivingDirections</styleUrl>
178 |       <Document>
179 |         <name>Highlighted Icon</name>
180 |         <visibility>0</visibility>
181 |         <description>Place your mouse over the icon to see it display the new
182 |           icon</description>
183 |         <LookAt>
184 |           <longitude>-122.0856552124024</longitude>
185 |           <latitude>37.4224281311035</latitude>
186 |           <altitude>0</altitude>
187 |           <heading>0</heading>
188 |           <tilt>0</tilt>
189 |           <range>265.8520424250024</range>
190 |         </LookAt>
191 |         <Style id="highlightPlacemark">
192 |           <IconStyle>
193 |             <Icon>
194 |               <href>http://maps.google.com/mapfiles/kml/paddle/red-stars.png</href>
195 |             </Icon>
196 |           </IconStyle>
197 |         </Style>
198 |         <Style id="normalPlacemark">
199 |           <IconStyle>
200 |             <Icon>
201 |               <href>http://maps.google.com/mapfiles/kml/paddle/wht-blank.png</href>
202 |             </Icon>
203 |           </IconStyle>
204 |         </Style>
205 |         <StyleMap id="exampleStyleMap">
206 |           <Pair>
207 |             <key>normal</key>
208 |             <styleUrl>#normalPlacemark</styleUrl>
209 |           </Pair>
210 |           <Pair>
211 |             <key>highlight</key>
212 |             <styleUrl>#highlightPlacemark</styleUrl>
213 |           </Pair>
214 |         </StyleMap>
215 |         <Placemark>
216 |           <name>Roll over this icon</name>
217 |           <visibility>0</visibility>
218 |           <styleUrl>#exampleStyleMap</styleUrl>
219 |           <Point>
220 |             <coordinates>-122.0856545755255,37.42243077405461,0</coordinates>
221 |           </Point>
222 |         </Placemark>
223 |       </Document>
224 |       <Placemark>
225 |         <name>Descriptive HTML</name>
226 |         <visibility>0</visibility>
227 |         <description><![CDATA[Click on the blue link!<br><br>
228 | Placemark descriptions can be enriched by using many standard HTML tags.<br>
229 | For example:
230 | <hr>
231 | Styles:<br>
232 | <i>Italics</i>, 
233 | <b>Bold</b>, 
234 | <u>Underlined</u>, 
235 | <s>Strike Out</s>, 
236 | subscript<sub>subscript</sub>, 
237 | superscript<sup>superscript</sup>, 
238 | <big>Big</big>, 
239 | <small>Small</small>, 
240 | <tt>Typewriter</tt>, 
241 | <em>Emphasized</em>, 
242 | <strong>Strong</strong>, 
243 | <code>Code</code>
244 | <hr>
245 | Fonts:<br> 
246 | <font color="red">red by name</font>, 
247 | <font color="#408010">leaf green by hexadecimal RGB</font>
248 | <br>
249 | <font size=1>size 1</font>, 
250 | <font size=2>size 2</font>, 
251 | <font size=3>size 3</font>, 
252 | <font size=4>size 4</font>, 
253 | <font size=5>size 5</font>, 
254 | <font size=6>size 6</font>, 
255 | <font size=7>size 7</font>
256 | <br>
257 | <font face=times>Times</font>, 
258 | <font face=verdana>Verdana</font>, 
259 | <font face=arial>Arial</font><br>
260 | <hr>
261 | Links: 
262 | <br>
263 | <a href="http://earth.google.com/">Google Earth!</a>
264 | <br>
265 |  or:  Check out our website at www.google.com
266 | <hr>
267 | Alignment:<br>
268 | <p align=left>left</p>
269 | <p align=center>center</p>
270 | <p align=right>right</p>
271 | <hr>
272 | Ordered Lists:<br>
273 | <ol><li>First</li><li>Second</li><li>Third</li></ol>
274 | <ol type="a"><li>First</li><li>Second</li><li>Third</li></ol>
275 | <ol type="A"><li>First</li><li>Second</li><li>Third</li></ol>
276 | <hr>
277 | Unordered Lists:<br>
278 | <ul><li>A</li><li>B</li><li>C</li></ul>
279 | <ul type="circle"><li>A</li><li>B</li><li>C</li></ul>
280 | <ul type="square"><li>A</li><li>B</li><li>C</li></ul>
281 | <hr>
282 | Definitions:<br>
283 | <dl>
284 | <dt>Google:</dt><dd>The best thing since sliced bread</dd>
285 | </dl>
286 | <hr>
287 | Centered:<br><center>
288 | Time present and time past<br>
289 | Are both perhaps present in time future,<br>
290 | And time future contained in time past.<br>
291 | If all time is eternally present<br>
292 | All time is unredeemable.<br>
293 | </center>
294 | <hr>
295 | Block Quote:
296 | <br>
297 | <blockquote>
298 | We shall not cease from exploration<br>
299 | And the end of all our exploring<br>
300 | Will be to arrive where we started<br>
301 | And know the place for the first time.<br>
302 | <i>-- T.S. Eliot</i>
303 | </blockquote>
304 | <br>
305 | <hr>
306 | Headings:<br>
307 | <h1>Header 1</h1>
308 | <h2>Header 2</h2>
309 | <h3>Header 3</h3>
310 | <h3>Header 4</h4>
311 | <h3>Header 5</h5>
312 | <hr>
313 | Images:<br>
314 | <i>Remote image</i><br>
315 | <img src="//developers.google.com/kml/documentation/images/googleSample.png"><br>
316 | <i>Scaled image</i><br>
317 | <img src="//developers.google.com/kml/documentation/images/googleSample.png" width=100><br>
318 | <hr>
319 | Simple Tables:<br>
320 | <table border="1" padding="1">
321 | <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
322 | <tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td></tr>
323 | </table>
324 | <br>
325 | [Did you notice that double-clicking on the placemark doesn't cause the viewer to take you anywhere? This is because it is possible to directly author a "placeless placemark". If you look at the code for this example, you will see that it has neither a point coordinate nor a LookAt element.]]]></description>
326 |       </Placemark>
327 |     </Folder>
328 |     <Folder>
329 |       <name>Ground Overlays</name>
330 |       <visibility>0</visibility>
331 |       <description>Examples of ground overlays</description>
332 |       <GroundOverlay>
333 |         <name>Large-scale overlay on terrain</name>
334 |         <visibility>0</visibility>
335 |         <description>Overlay shows Mount Etna erupting on July 13th, 2001.</description>
336 |         <LookAt>
337 |           <longitude>15.02468937557116</longitude>
338 |           <latitude>37.67395167941667</latitude>
339 |           <altitude>0</altitude>
340 |           <heading>-16.5581842842829</heading>
341 |           <tilt>58.31228652890705</tilt>
342 |           <range>30350.36838438907</range>
343 |         </LookAt>
344 |         <Icon>
345 |           <href>http://developers.google.com/kml/documentation/images/etna.jpg</href>
346 |         </Icon>
347 |         <LatLonBox>
348 |           <north>37.91904192681665</north>
349 |           <south>37.46543388598137</south>
350 |           <east>15.35832653742206</east>
351 |           <west>14.60128369746704</west>
352 |           <rotation>-0.1556640799496235</rotation>
353 |         </LatLonBox>
354 |       </GroundOverlay>
355 |     </Folder>
356 |     <Folder>
357 |       <name>Screen Overlays</name>
358 |       <visibility>0</visibility>
359 |       <description>Screen overlays have to be authored directly in KML. These
360 |         examples illustrate absolute and dynamic positioning in screen space.</description>
361 |       <ScreenOverlay>
362 |         <name>Simple crosshairs</name>
363 |         <visibility>0</visibility>
364 |         <description>This screen overlay uses fractional positioning to put the
365 |           image in the exact center of the screen</description>
366 |         <Icon>
367 |           <href>http://developers.google.com/kml/documentation/images/crosshairs.png</href>
368 |         </Icon>
369 |         <overlayXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
370 |         <screenXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
371 |         <rotationXY x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
372 |         <size x="0" y="0" xunits="pixels" yunits="pixels"/>
373 |       </ScreenOverlay>
374 |       <ScreenOverlay>
375 |         <name>Absolute Positioning: Top left</name>
376 |         <visibility>0</visibility>
377 |         <Icon>
378 |           <href>http://developers.google.com/kml/documentation/images/top_left.jpg</href>
379 |         </Icon>
380 |         <overlayXY x="0" y="1" xunits="fraction" yunits="fraction"/>
381 |         <screenXY x="0" y="1" xunits="fraction" yunits="fraction"/>
382 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
383 |         <size x="0" y="0" xunits="fraction" yunits="fraction"/>
384 |       </ScreenOverlay>
385 |       <ScreenOverlay>
386 |         <name>Absolute Positioning: Top right</name>
387 |         <visibility>0</visibility>
388 |         <Icon>
389 |           <href>http://developers.google.com/kml/documentation/images/top_right.jpg</href>
390 |         </Icon>
391 |         <overlayXY x="1" y="1" xunits="fraction" yunits="fraction"/>
392 |         <screenXY x="1" y="1" xunits="fraction" yunits="fraction"/>
393 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
394 |         <size x="0" y="0" xunits="fraction" yunits="fraction"/>
395 |       </ScreenOverlay>
396 |       <ScreenOverlay>
397 |         <name>Absolute Positioning: Bottom left</name>
398 |         <visibility>0</visibility>
399 |         <Icon>
400 |           <href>http://developers.google.com/kml/documentation/images/bottom_left.jpg</href>
401 |         </Icon>
402 |         <overlayXY x="0" y="-1" xunits="fraction" yunits="fraction"/>
403 |         <screenXY x="0" y="0" xunits="fraction" yunits="fraction"/>
404 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
405 |         <size x="0" y="0" xunits="fraction" yunits="fraction"/>
406 |       </ScreenOverlay>
407 |       <ScreenOverlay>
408 |         <name>Absolute Positioning: Bottom right</name>
409 |         <visibility>0</visibility>
410 |         <Icon>
411 |           <href>http://developers.google.com/kml/documentation/images/bottom_right.jpg</href>
412 |         </Icon>
413 |         <overlayXY x="1" y="-1" xunits="fraction" yunits="fraction"/>
414 |         <screenXY x="1" y="0" xunits="fraction" yunits="fraction"/>
415 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
416 |         <size x="0" y="0" xunits="fraction" yunits="fraction"/>
417 |       </ScreenOverlay>
418 |       <ScreenOverlay>
419 |         <name>Dynamic Positioning: Top of screen</name>
420 |         <visibility>0</visibility>
421 |         <Icon>
422 |           <href>http://developers.google.com/kml/documentation/images/dynamic_screenoverlay.jpg</href>
423 |         </Icon>
424 |         <overlayXY x="0" y="1" xunits="fraction" yunits="fraction"/>
425 |         <screenXY x="0" y="1" xunits="fraction" yunits="fraction"/>
426 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
427 |         <size x="1" y="0.2" xunits="fraction" yunits="fraction"/>
428 |       </ScreenOverlay>
429 |       <ScreenOverlay>
430 |         <name>Dynamic Positioning: Right of screen</name>
431 |         <visibility>0</visibility>
432 |         <Icon>
433 |           <href>http://developers.google.com/kml/documentation/images/dynamic_right.jpg</href>
434 |         </Icon>
435 |         <overlayXY x="1" y="1" xunits="fraction" yunits="fraction"/>
436 |         <screenXY x="1" y="1" xunits="fraction" yunits="fraction"/>
437 |         <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/>
438 |         <size x="0" y="1" xunits="fraction" yunits="fraction"/>
439 |       </ScreenOverlay>
440 |     </Folder>
441 |     <Folder>
442 |       <name>Paths</name>
443 |       <visibility>0</visibility>
444 |       <description>Examples of paths. Note that the tessellate tag is by default
445 |         set to 0. If you want to create tessellated lines, they must be authored
446 |         (or edited) directly in KML.</description>
447 |       <Placemark>
448 |         <name>Tessellated</name>
449 |         <visibility>0</visibility>
450 |         <description><![CDATA[If the <tessellate> tag has a value of 1, the line will contour to the underlying terrain]]></description>
451 |         <LookAt>
452 |           <longitude>-112.0822680013139</longitude>
453 |           <latitude>36.09825589333556</latitude>
454 |           <altitude>0</altitude>
455 |           <heading>103.8120432044965</heading>
456 |           <tilt>62.04855796276328</tilt>
457 |           <range>2889.145007690472</range>
458 |         </LookAt>
459 |         <LineString>
460 |           <tessellate>1</tessellate>
461 |           <coordinates> -112.0814237830345,36.10677870477137,0
462 |             -112.0870267752693,36.0905099328766,0 </coordinates>
463 |         </LineString>
464 |       </Placemark>
465 |       <Placemark>
466 |         <name>Untessellated</name>
467 |         <visibility>0</visibility>
468 |         <description><![CDATA[If the <tessellate> tag has a value of 0, the line follow a simple straight-line path from point to point]]></description>
469 |         <LookAt>
470 |           <longitude>-112.0822680013139</longitude>
471 |           <latitude>36.09825589333556</latitude>
472 |           <altitude>0</altitude>
473 |           <heading>103.8120432044965</heading>
474 |           <tilt>62.04855796276328</tilt>
475 |           <range>2889.145007690472</range>
476 |         </LookAt>
477 |         <LineString>
478 |           <tessellate>0</tessellate>
479 |           <coordinates> -112.080622229595,36.10673460007995,0
480 |             -112.085242575315,36.09049598612422,0 </coordinates>
481 |         </LineString>
482 |       </Placemark>
483 |       <Placemark>
484 |         <name>Absolute</name>
485 |         <visibility>0</visibility>
486 |         <description>Transparent purple line</description>
487 |         <LookAt>
488 |           <longitude>-112.2719329043177</longitude>
489 |           <latitude>36.08890633450894</latitude>
490 |           <altitude>0</altitude>
491 |           <heading>-106.8161545998597</heading>
492 |           <tilt>44.60763714063257</tilt>
493 |           <range>2569.386744398339</range>
494 |         </LookAt>
495 |         <styleUrl>#transPurpleLineGreenPoly</styleUrl>
496 |         <LineString>
497 |           <tessellate>1</tessellate>
498 |           <altitudeMode>absolute</altitudeMode>
499 |           <coordinates> -112.265654928602,36.09447672602546,2357
500 |             -112.2660384528238,36.09342608838671,2357
501 |             -112.2668139013453,36.09251058776881,2357
502 |             -112.2677826834445,36.09189827357996,2357
503 |             -112.2688557510952,36.0913137941187,2357
504 |             -112.2694810717219,36.0903677207521,2357
505 |             -112.2695268555611,36.08932171487285,2357
506 |             -112.2690144567276,36.08850916060472,2357
507 |             -112.2681528815339,36.08753813597956,2357
508 |             -112.2670588176031,36.08682685262568,2357
509 |             -112.2657374587321,36.08646312301303,2357 </coordinates>
510 |         </LineString>
511 |       </Placemark>
512 |       <Placemark>
513 |         <name>Absolute Extruded</name>
514 |         <visibility>0</visibility>
515 |         <description>Transparent green wall with yellow outlines</description>
516 |         <LookAt>
517 |           <longitude>-112.2643334742529</longitude>
518 |           <latitude>36.08563154742419</latitude>
519 |           <altitude>0</altitude>
520 |           <heading>-125.7518698668815</heading>
521 |           <tilt>44.61038665812578</tilt>
522 |           <range>4451.842204068102</range>
523 |         </LookAt>
524 |         <styleUrl>#yellowLineGreenPoly</styleUrl>
525 |         <LineString>
526 |           <extrude>1</extrude>
527 |           <tessellate>1</tessellate>
528 |           <altitudeMode>absolute</altitudeMode>
529 |           <coordinates> -112.2550785337791,36.07954952145647,2357
530 |             -112.2549277039738,36.08117083492122,2357
531 |             -112.2552505069063,36.08260761307279,2357
532 |             -112.2564540158376,36.08395660588506,2357
533 |             -112.2580238976449,36.08511401044813,2357
534 |             -112.2595218489022,36.08584355239394,2357
535 |             -112.2608216347552,36.08612634548589,2357
536 |             -112.262073428656,36.08626019085147,2357
537 |             -112.2633204928495,36.08621519860091,2357
538 |             -112.2644963846444,36.08627897945274,2357
539 |             -112.2656969554589,36.08649599090644,2357 </coordinates>
540 |         </LineString>
541 |       </Placemark>
542 |       <Placemark>
543 |         <name>Relative</name>
544 |         <visibility>0</visibility>
545 |         <description>Black line (10 pixels wide), height tracks terrain</description>
546 |         <LookAt>
547 |           <longitude>-112.2580438551384</longitude>
548 |           <latitude>36.1072674824385</latitude>
549 |           <altitude>0</altitude>
550 |           <heading>4.947421249553717</heading>
551 |           <tilt>44.61324882043339</tilt>
552 |           <range>2927.61105910266</range>
553 |         </LookAt>
554 |         <styleUrl>#thickBlackLine</styleUrl>
555 |         <LineString>
556 |           <tessellate>1</tessellate>
557 |           <altitudeMode>relativeToGround</altitudeMode>
558 |           <coordinates> -112.2532845153347,36.09886943729116,645
559 |             -112.2540466121145,36.09919570465255,645
560 |             -112.254734666947,36.09984998366178,645
561 |             -112.255493345654,36.10051310621746,645
562 |             -112.2563157098468,36.10108441943419,645
563 |             -112.2568033076439,36.10159722088088,645
564 |             -112.257494011321,36.10204323542867,645
565 |             -112.2584106072308,36.10229131995655,645
566 |             -112.2596588987972,36.10240001286358,645
567 |             -112.2610581199487,36.10213176873407,645
568 |             -112.2626285262793,36.10157011437219,645 </coordinates>
569 |         </LineString>
570 |       </Placemark>
571 |       <Placemark>
572 |         <name>Relative Extruded</name>
573 |         <visibility>0</visibility>
574 |         <description>Opaque blue walls with red outline, height tracks terrain</description>
575 |         <LookAt>
576 |           <longitude>-112.2683594333433</longitude>
577 |           <latitude>36.09884362144909</latitude>
578 |           <altitude>0</altitude>
579 |           <heading>-72.24271551768405</heading>
580 |           <tilt>44.60855445139561</tilt>
581 |           <range>2184.193522571467</range>
582 |         </LookAt>
583 |         <styleUrl>#redLineBluePoly</styleUrl>
584 |         <LineString>
585 |           <extrude>1</extrude>
586 |           <tessellate>1</tessellate>
587 |           <altitudeMode>relativeToGround</altitudeMode>
588 |           <coordinates> -112.2656634181359,36.09445214722695,630
589 |             -112.2652238941097,36.09520916122063,630
590 |             -112.2645079986395,36.09580763864907,630
591 |             -112.2638827428817,36.09628572284063,630
592 |             -112.2635746835406,36.09679275951239,630
593 |             -112.2635711822407,36.09740038871899,630
594 |             -112.2640296531825,36.09804913435539,630
595 |             -112.264327720538,36.09880337400301,630
596 |             -112.2642436562271,36.09963644790288,630
597 |             -112.2639148687042,36.10055381117246,630
598 |             -112.2626894973474,36.10149062823369,630 </coordinates>
599 |         </LineString>
600 |       </Placemark>
601 |     </Folder>
602 |     <Folder>
603 |       <name>Polygons</name>
604 |       <visibility>0</visibility>
605 |       <description>Examples of polygon shapes</description>
606 |       <Folder>
607 |         <name>Google Campus</name>
608 |         <visibility>0</visibility>
609 |         <description>A collection showing how easy it is to create 3-dimensional
610 |           buildings</description>
611 |         <LookAt>
612 |           <longitude>-122.084120030116</longitude>
613 |           <latitude>37.42174011925477</latitude>
614 |           <altitude>0</altitude>
615 |           <heading>-34.82469740081282</heading>
616 |           <tilt>53.454348562403</tilt>
617 |           <range>276.7870053764046</range>
618 |         </LookAt>
619 |         <Placemark>
620 |           <name>Building 40</name>
621 |           <visibility>0</visibility>
622 |           <styleUrl>#transRedPoly</styleUrl>
623 |           <Polygon>
624 |             <extrude>1</extrude>
625 |             <altitudeMode>relativeToGround</altitudeMode>
626 |             <outerBoundaryIs>
627 |               <LinearRing>
628 |                 <coordinates> -122.0848938459612,37.42257124044786,17
629 |                   -122.0849580979198,37.42211922626856,17
630 |                   -122.0847469573047,37.42207183952619,17
631 |                   -122.0845725380962,37.42209006729676,17
632 |                   -122.0845954886723,37.42215932700895,17
633 |                   -122.0838521118269,37.42227278564371,17
634 |                   -122.083792243335,37.42203539112084,17
635 |                   -122.0835076656616,37.42209006957106,17
636 |                   -122.0834709464152,37.42200987395161,17
637 |                   -122.0831221085748,37.4221046494946,17
638 |                   -122.0829247374572,37.42226503990386,17
639 |                   -122.0829339169385,37.42231242843094,17
640 |                   -122.0833837359737,37.42225046087618,17
641 |                   -122.0833607854248,37.42234159228745,17
642 |                   -122.0834204551642,37.42237075460644,17
643 |                   -122.083659133885,37.42251292011001,17
644 |                   -122.0839758438952,37.42265873093781,17
645 |                   -122.0842374743331,37.42265143972521,17
646 |                   -122.0845036949503,37.4226514386435,17
647 |                   -122.0848020460801,37.42261133916315,17
648 |                   -122.0847882750515,37.42256395055121,17
649 |                   -122.0848938459612,37.42257124044786,17 </coordinates>
650 |               </LinearRing>
651 |             </outerBoundaryIs>
652 |           </Polygon>
653 |         </Placemark>
654 |         <Placemark>
655 |           <name>Building 41</name>
656 |           <visibility>0</visibility>
657 |           <styleUrl>#transBluePoly</styleUrl>
658 |           <Polygon>
659 |             <extrude>1</extrude>
660 |             <altitudeMode>relativeToGround</altitudeMode>
661 |             <outerBoundaryIs>
662 |               <LinearRing>
663 |                 <coordinates> -122.0857412771483,37.42227033155257,17
664 |                   -122.0858169768481,37.42231408832346,17
665 |                   -122.085852582875,37.42230337469744,17
666 |                   -122.0858799945639,37.42225686138789,17
667 |                   -122.0858860101409,37.4222311076138,17
668 |                   -122.0858069157288,37.42220250173855,17
669 |                   -122.0858379542653,37.42214027058678,17
670 |                   -122.0856732640519,37.42208690214408,17
671 |                   -122.0856022926407,37.42214885429042,17
672 |                   -122.0855902778436,37.422128290487,17
673 |                   -122.0855841672237,37.42208171967246,17
674 |                   -122.0854852065741,37.42210455874995,17
675 |                   -122.0855067264352,37.42214267949824,17
676 |                   -122.0854430712915,37.42212783846172,17
677 |                   -122.0850990714904,37.42251282407603,17
678 |                   -122.0856769818632,37.42281815323651,17
679 |                   -122.0860162273783,37.42244918858722,17
680 |                   -122.0857260327004,37.42229239604253,17
681 |                   -122.0857412771483,37.42227033155257,17 </coordinates>
682 |               </LinearRing>
683 |             </outerBoundaryIs>
684 |           </Polygon>
685 |         </Placemark>
686 |         <Placemark>
687 |           <name>Building 42</name>
688 |           <visibility>0</visibility>
689 |           <styleUrl>#transGreenPoly</styleUrl>
690 |           <Polygon>
691 |             <extrude>1</extrude>
692 |             <altitudeMode>relativeToGround</altitudeMode>
693 |             <outerBoundaryIs>
694 |               <LinearRing>
695 |                 <coordinates> -122.0857862287242,37.42136208886969,25
696 |                   -122.0857312990603,37.42136935989481,25
697 |                   -122.0857312992918,37.42140934910903,25
698 |                   -122.0856077073679,37.42138390166565,25
699 |                   -122.0855802426516,37.42137299550869,25
700 |                   -122.0852186221971,37.42137299504316,25
701 |                   -122.0852277765639,37.42161656508265,25
702 |                   -122.0852598189347,37.42160565894403,25
703 |                   -122.0852598185499,37.42168200156,25
704 |                   -122.0852369311478,37.42170017860346,25
705 |                   -122.0852643957828,37.42176197982575,25
706 |                   -122.0853239032746,37.42176198013907,25
707 |                   -122.0853559454324,37.421852864452,25
708 |                   -122.0854108752463,37.42188921823734,25
709 |                   -122.0854795379357,37.42189285337048,25
710 |                   -122.0855436229819,37.42188921797546,25
711 |                   -122.0856260178042,37.42186013499926,25
712 |                   -122.085937287963,37.42186013453605,25
713 |                   -122.0859428718666,37.42160898590042,25
714 |                   -122.0859655469861,37.42157992759144,25
715 |                   -122.0858640462341,37.42147115002957,25
716 |                   -122.0858548911215,37.42140571326184,25
717 |                   -122.0858091162768,37.4214057134039,25
718 |                   -122.0857862287242,37.42136208886969,25 </coordinates>
719 |               </LinearRing>
720 |             </outerBoundaryIs>
721 |           </Polygon>
722 |         </Placemark>
723 |         <Placemark>
724 |           <name>Building 43</name>
725 |           <visibility>0</visibility>
726 |           <styleUrl>#transYellowPoly</styleUrl>
727 |           <Polygon>
728 |             <extrude>1</extrude>
729 |             <altitudeMode>relativeToGround</altitudeMode>
730 |             <outerBoundaryIs>
731 |               <LinearRing>
732 |                 <coordinates> -122.0844371128284,37.42177253003091,19
733 |                   -122.0845118855746,37.42191111542896,19
734 |                   -122.0850470999805,37.42178755121535,19
735 |                   -122.0850719913391,37.42143663023161,19
736 |                   -122.084916406232,37.42137237822116,19
737 |                   -122.0842193868167,37.42137237801626,19
738 |                   -122.08421938659,37.42147617161496,19
739 |                   -122.0838086419991,37.4214613409357,19
740 |                   -122.0837899728564,37.42131306410796,19
741 |                   -122.0832796534698,37.42129328840593,19
742 |                   -122.0832609819207,37.42139213944298,19
743 |                   -122.0829373621737,37.42137236399876,19
744 |                   -122.0829062425667,37.42151569778871,19
745 |                   -122.0828502269665,37.42176282576465,19
746 |                   -122.0829435788635,37.42176776969635,19
747 |                   -122.083217411188,37.42179248552686,19
748 |                   -122.0835970430103,37.4217480074456,19
749 |                   -122.0839455556771,37.42169364237603,19
750 |                   -122.0840077894637,37.42176283815853,19
751 |                   -122.084113587521,37.42174801104392,19
752 |                   -122.0840762473784,37.42171341292375,19
753 |                   -122.0841447047739,37.42167881534569,19
754 |                   -122.084144704223,37.42181720660197,19
755 |                   -122.0842503333074,37.4218170700446,19
756 |                   -122.0844371128284,37.42177253003091,19 </coordinates>
757 |               </LinearRing>
758 |             </outerBoundaryIs>
759 |           </Polygon>
760 |         </Placemark>
761 |       </Folder>
762 |       <Folder>
763 |         <name>Extruded Polygon</name>
764 |         <description>A simple way to model a building</description>
765 |         <Placemark>
766 |           <name>The Pentagon</name>
767 |           <LookAt>
768 |             <longitude>-77.05580139178142</longitude>
769 |             <latitude>38.870832443487</latitude>
770 |             <heading>59.88865561738225</heading>
771 |             <tilt>48.09646074797388</tilt>
772 |             <range>742.0552506670548</range>
773 |           </LookAt>
774 |           <Polygon>
775 |             <extrude>1</extrude>
776 |             <altitudeMode>relativeToGround</altitudeMode>
777 |             <outerBoundaryIs>
778 |               <LinearRing>
779 |                 <coordinates> -77.05788457660967,38.87253259892824,100
780 |                   -77.05465973756702,38.87291016281703,100
781 |                   -77.05315536854791,38.87053267794386,100
782 |                   -77.05552622493516,38.868757801256,100
783 |                   -77.05844056290393,38.86996206506943,100
784 |                   -77.05788457660967,38.87253259892824,100 </coordinates>
785 |               </LinearRing>
786 |             </outerBoundaryIs>
787 |             <innerBoundaryIs>
788 |               <LinearRing>
789 |                 <coordinates> -77.05668055019126,38.87154239798456,100
790 |                   -77.05542625960818,38.87167890344077,100
791 |                   -77.05485125901024,38.87076535397792,100
792 |                   -77.05577677433152,38.87008686581446,100
793 |                   -77.05691162017543,38.87054446963351,100
794 |                   -77.05668055019126,38.87154239798456,100 </coordinates>
795 |               </LinearRing>
796 |             </innerBoundaryIs>
797 |           </Polygon>
798 |         </Placemark>
799 |       </Folder>
800 |       <Folder>
801 |         <name>Absolute and Relative</name>
802 |         <visibility>0</visibility>
803 |         <description>Four structures whose roofs meet exactly. Turn on/off
804 |           terrain to see the difference between relative and absolute
805 |           positioning.</description>
806 |         <LookAt>
807 |           <longitude>-112.3348969157552</longitude>
808 |           <latitude>36.14845533214919</latitude>
809 |           <altitude>0</altitude>
810 |           <heading>-86.91235037566909</heading>
811 |           <tilt>49.30695423894192</tilt>
812 |           <range>990.6761201087104</range>
813 |         </LookAt>
814 |         <Placemark>
815 |           <name>Absolute</name>
816 |           <visibility>0</visibility>
817 |           <styleUrl>#transBluePoly</styleUrl>
818 |           <Polygon>
819 |             <tessellate>1</tessellate>
820 |             <altitudeMode>absolute</altitudeMode>
821 |             <outerBoundaryIs>
822 |               <LinearRing>
823 |                 <coordinates> -112.3372510731295,36.14888505105317,1784
824 |                   -112.3356128688403,36.14781540589019,1784
825 |                   -112.3368169371048,36.14658677734382,1784
826 |                   -112.3384408457543,36.14762778914076,1784
827 |                   -112.3372510731295,36.14888505105317,1784 </coordinates>
828 |               </LinearRing>
829 |             </outerBoundaryIs>
830 |           </Polygon>
831 |         </Placemark>
832 |         <Placemark>
833 |           <name>Absolute Extruded</name>
834 |           <visibility>0</visibility>
835 |           <styleUrl>#transRedPoly</styleUrl>
836 |           <Polygon>
837 |             <extrude>1</extrude>
838 |             <tessellate>1</tessellate>
839 |             <altitudeMode>absolute</altitudeMode>
840 |             <outerBoundaryIs>
841 |               <LinearRing>
842 |                 <coordinates> -112.3396586818843,36.14637618647505,1784
843 |                   -112.3380597654315,36.14531751871353,1784
844 |                   -112.3368254237788,36.14659596244607,1784
845 |                   -112.3384555043203,36.14762621763982,1784
846 |                   -112.3396586818843,36.14637618647505,1784 </coordinates>
847 |               </LinearRing>
848 |             </outerBoundaryIs>
849 |           </Polygon>
850 |         </Placemark>
851 |         <Placemark>
852 |           <name>Relative</name>
853 |           <visibility>0</visibility>
854 |           <LookAt>
855 |             <longitude>-112.3350152490417</longitude>
856 |             <latitude>36.14943123077423</latitude>
857 |             <altitude>0</altitude>
858 |             <heading>-118.9214100848499</heading>
859 |             <tilt>37.92486261093203</tilt>
860 |             <range>345.5169113679813</range>
861 |           </LookAt>
862 |           <styleUrl>#transGreenPoly</styleUrl>
863 |           <Polygon>
864 |             <tessellate>1</tessellate>
865 |             <altitudeMode>relativeToGround</altitudeMode>
866 |             <outerBoundaryIs>
867 |               <LinearRing>
868 |                 <coordinates> -112.3349463145932,36.14988705767721,100
869 |                   -112.3354019540677,36.14941108398372,100
870 |                   -112.3344428289146,36.14878490381308,100
871 |                   -112.3331289492913,36.14780840132443,100
872 |                   -112.3317019516947,36.14680755678357,100
873 |                   -112.331131440106,36.1474173426228,100
874 |                   -112.332616324338,36.14845453364654,100
875 |                   -112.3339876620524,36.14926570522069,100
876 |                   -112.3349463145932,36.14988705767721,100 </coordinates>
877 |               </LinearRing>
878 |             </outerBoundaryIs>
879 |           </Polygon>
880 |         </Placemark>
881 |         <Placemark>
882 |           <name>Relative Extruded</name>
883 |           <visibility>0</visibility>
884 |           <LookAt>
885 |             <longitude>-112.3351587892382</longitude>
886 |             <latitude>36.14979247129029</latitude>
887 |             <altitude>0</altitude>
888 |             <heading>-55.42811560891606</heading>
889 |             <tilt>56.10280503739589</tilt>
890 |             <range>401.0997279712519</range>
891 |           </LookAt>
892 |           <styleUrl>#transYellowPoly</styleUrl>
893 |           <Polygon>
894 |             <extrude>1</extrude>
895 |             <tessellate>1</tessellate>
896 |             <altitudeMode>relativeToGround</altitudeMode>
897 |             <outerBoundaryIs>
898 |               <LinearRing>
899 |                 <coordinates> -112.3348783983763,36.1514008468736,100
900 |                   -112.3372535345629,36.14888517553886,100
901 |                   -112.3356068927954,36.14781612679284,100
902 |                   -112.3350034807972,36.14846469024177,100
903 |                   -112.3358353861232,36.1489624162954,100
904 |                   -112.3345888301373,36.15026229372507,100
905 |                   -112.3337937856278,36.14978096026463,100
906 |                   -112.3331798208424,36.1504472788618,100
907 |                   -112.3348783983763,36.1514008468736,100 </coordinates>
908 |               </LinearRing>
909 |             </outerBoundaryIs>
910 |           </Polygon>
911 |         </Placemark>
912 |       </Folder>
913 |     </Folder>
914 |   </Document>
915 | </kml>
916 | 


--------------------------------------------------------------------------------
/assets/example2.kml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <kml xmlns="http://www.opengis.net/kml/2.2">
  3 |   <Document>
  4 |     <name>Red Bull X-Alps 2019 Route</name>
  5 |     <snippet>https://www.redbullxalps.com/ Created by twpayne@gmail.com</snippet>
  6 |     <open>1</open>
  7 |     <Folder>
  8 |       <name>Route</name>
  9 |       <Placemark>
 10 |         <LineString>
 11 |           <coordinates>13.0484,47.79885 13.110917,47.804133 13.305787,47.332295 12.33277,47.784362 11.9549,46.737598 10.98526,47.4211 10.879767,47.401283 9.851879,46.815225 8.424457,46.770918 8.005393,46.577621 5.887857,45.306816 7.090381,44.667312 6.422229,44.120985 7.410751,43.755956 7.454787,43.75875</coordinates>
 12 |           <tessellate>1</tessellate>
 13 |         </LineString>
 14 |         <Style>
 15 |           <LineStyle>
 16 |             <color>c0009090</color>
 17 |             <width>4</width>
 18 |           </LineStyle>
 19 |         </Style>
 20 |       </Placemark>
 21 |       <Style>
 22 |         <ListStyle>
 23 |           <listItemType>checkHideChildren</listItemType>
 24 |         </ListStyle>
 25 |       </Style>
 26 |     </Folder>
 27 |     <Folder>
 28 |       <name>Turnpoints</name>
 29 |       <Folder>
 30 |         <name>Salzburg</name>
 31 |         <Placemark>
 32 |           <Point>
 33 |             <coordinates>13.0484,47.79885</coordinates>
 34 |           </Point>
 35 |           <Style>
 36 |             <IconStyle>
 37 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
 38 |               <Icon>
 39 |                 <href>https://maps.google.com/mapfiles/kml/paddle/go.png</href>
 40 |               </Icon>
 41 |             </IconStyle>
 42 |           </Style>
 43 |         </Placemark>
 44 |         <Style>
 45 |           <ListStyle>
 46 |             <listItemType>checkHideChildren</listItemType>
 47 |           </ListStyle>
 48 |         </Style>
 49 |       </Folder>
 50 |       <Folder>
 51 |         <name>Gaisberg</name>
 52 |         <snippet>signboard</snippet>
 53 |         <Placemark>
 54 |           <Point>
 55 |             <coordinates>13.110917,47.804133</coordinates>
 56 |           </Point>
 57 |           <Style>
 58 |             <IconStyle>
 59 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
 60 |               <Icon>
 61 |                 <href>https://maps.google.com/mapfiles/kml/paddle/1.png</href>
 62 |               </Icon>
 63 |             </IconStyle>
 64 |           </Style>
 65 |         </Placemark>
 66 |         <Style>
 67 |           <ListStyle>
 68 |             <listItemType>checkHideChildren</listItemType>
 69 |           </ListStyle>
 70 |         </Style>
 71 |       </Folder>
 72 |       <Folder>
 73 |         <name>Wagrain-Kleinarl</name>
 74 |         <snippet>signboard</snippet>
 75 |         <Placemark>
 76 |           <Point>
 77 |             <coordinates>13.305787,47.332295</coordinates>
 78 |           </Point>
 79 |           <Style>
 80 |             <IconStyle>
 81 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
 82 |               <Icon>
 83 |                 <href>https://maps.google.com/mapfiles/kml/paddle/2.png</href>
 84 |               </Icon>
 85 |             </IconStyle>
 86 |           </Style>
 87 |         </Placemark>
 88 |         <Style>
 89 |           <ListStyle>
 90 |             <listItemType>checkHideChildren</listItemType>
 91 |           </ListStyle>
 92 |         </Style>
 93 |       </Folder>
 94 |       <Folder>
 95 |         <name>Aschau-Chiemsee</name>
 96 |         <snippet>signboard</snippet>
 97 |         <Placemark>
 98 |           <Point>
 99 |             <coordinates>12.33277,47.784362</coordinates>
100 |           </Point>
101 |           <Style>
102 |             <IconStyle>
103 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
104 |               <Icon>
105 |                 <href>https://maps.google.com/mapfiles/kml/paddle/3.png</href>
106 |               </Icon>
107 |             </IconStyle>
108 |           </Style>
109 |         </Placemark>
110 |         <Style>
111 |           <ListStyle>
112 |             <listItemType>checkHideChildren</listItemType>
113 |           </ListStyle>
114 |         </Style>
115 |       </Folder>
116 |       <Folder>
117 |         <name>Kronplatz</name>
118 |         <snippet>signboard</snippet>
119 |         <Placemark>
120 |           <Point>
121 |             <coordinates>11.9549,46.737598</coordinates>
122 |           </Point>
123 |           <Style>
124 |             <IconStyle>
125 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
126 |               <Icon>
127 |                 <href>https://maps.google.com/mapfiles/kml/paddle/4.png</href>
128 |               </Icon>
129 |             </IconStyle>
130 |           </Style>
131 |         </Placemark>
132 |         <Style>
133 |           <ListStyle>
134 |             <listItemType>checkHideChildren</listItemType>
135 |           </ListStyle>
136 |         </Style>
137 |       </Folder>
138 |       <Folder>
139 |         <name>Zugspitz</name>
140 |         <snippet>pass N</snippet>
141 |         <Placemark>
142 |           <Point>
143 |             <coordinates>10.98526,47.4211</coordinates>
144 |           </Point>
145 |           <Style>
146 |             <IconStyle>
147 |               <Icon>
148 |                 <href>https://maps.google.com/mapfiles/kml/pal2/icon15.png</href>
149 |               </Icon>
150 |             </IconStyle>
151 |           </Style>
152 |         </Placemark>
153 |         <Folder>
154 |           <Placemark>
155 |             <LineString>
156 |               <coordinates>10.98526,47.4211 10.98526,47.196269598520324</coordinates>
157 |             </LineString>
158 |             <Style>
159 |               <LineStyle>
160 |                 <color>c00000c0</color>
161 |                 <tessellate>1</tessellate>
162 |                 <width>3</width>
163 |               </LineStyle>
164 |             </Style>
165 |           </Placemark>
166 |         </Folder>
167 |         <Style>
168 |           <ListStyle>
169 |             <listItemType>checkHideChildren</listItemType>
170 |           </ListStyle>
171 |         </Style>
172 |       </Folder>
173 |       <Folder>
174 |         <name>Lermoos-Tiroler Zugspitz Arena</name>
175 |         <snippet>signboard</snippet>
176 |         <Placemark>
177 |           <Point>
178 |             <coordinates>10.879767,47.401283</coordinates>
179 |           </Point>
180 |           <Style>
181 |             <IconStyle>
182 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
183 |               <Icon>
184 |                 <href>https://maps.google.com/mapfiles/kml/paddle/5.png</href>
185 |               </Icon>
186 |             </IconStyle>
187 |           </Style>
188 |         </Placemark>
189 |         <Style>
190 |           <ListStyle>
191 |             <listItemType>checkHideChildren</listItemType>
192 |           </ListStyle>
193 |         </Style>
194 |       </Folder>
195 |       <Folder>
196 |         <name>Davos</name>
197 |         <snippet>signboard</snippet>
198 |         <Placemark>
199 |           <Point>
200 |             <coordinates>9.851879,46.815225</coordinates>
201 |           </Point>
202 |           <Style>
203 |             <IconStyle>
204 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
205 |               <Icon>
206 |                 <href>https://maps.google.com/mapfiles/kml/paddle/6.png</href>
207 |               </Icon>
208 |             </IconStyle>
209 |           </Style>
210 |         </Placemark>
211 |         <Style>
212 |           <ListStyle>
213 |             <listItemType>checkHideChildren</listItemType>
214 |           </ListStyle>
215 |         </Style>
216 |       </Folder>
217 |       <Folder>
218 |         <name>Titlis</name>
219 |         <snippet>signboard</snippet>
220 |         <Placemark>
221 |           <Point>
222 |             <coordinates>8.424457,46.770918</coordinates>
223 |           </Point>
224 |           <Style>
225 |             <IconStyle>
226 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
227 |               <Icon>
228 |                 <href>https://maps.google.com/mapfiles/kml/paddle/7.png</href>
229 |               </Icon>
230 |             </IconStyle>
231 |           </Style>
232 |         </Placemark>
233 |         <Style>
234 |           <ListStyle>
235 |             <listItemType>checkHideChildren</listItemType>
236 |           </ListStyle>
237 |         </Style>
238 |       </Folder>
239 |       <Folder>
240 |         <name>Eiger</name>
241 |         <snippet>1500m radius</snippet>
242 |         <Placemark>
243 |           <Point>
244 |             <coordinates>8.005393,46.577621</coordinates>
245 |           </Point>
246 |           <Style>
247 |             <IconStyle>
248 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
249 |               <Icon>
250 |                 <href>https://maps.google.com/mapfiles/kml/paddle/8.png</href>
251 |               </Icon>
252 |             </IconStyle>
253 |           </Style>
254 |         </Placemark>
255 |         <Placemark>
256 |           <LineString>
257 |             <coordinates>8.005393,46.59111082408879 8.007411386004984,46.59103930859754 8.009408360780075,46.590825520768504 8.011362740730094,46.59047172847008 8.013253795087904,46.58998168468399 8.01506146625202,46.58936058760861 8.016766582908044,46.58861502540384 8.018351063653368,46.587752906169705 8.019798108949551,46.586783373908844 8.021092379355597,46.58571671137243 8.022220158146354,46.584564230829145 8.02316949659154,46.58333815392459 8.023930340360643,46.582051481914704 8.024494635724556,46.58071785765729 8.024856414444256,46.57935142083319 8.025011856467065,46.57796665793827 8.024959329790072,46.576578248641624 8.024699407094783,46.57520091014225 8.02423485900483,46.5738492411753 8.023570624066586,46.572537567321 8.022713755798401,46.57127978925356 8.02167334739507,46.57008923553433 8.020460434907957,46.56897852150325 8.019087879945149,46.56795941575718 8.01757023314834,46.5670427156218 8.015923579901438,46.56623813292746 8.014165369908543,46.565554191290495 8.012314232444112,46.56499813597875 8.01038977922428,46.564575857307794 8.00841239697435,46.56429182837157 8.006403031871999,46.5641490577601 8.004382968128002,46.5641490577601 8.002373603025651,46.56429182837157 8.00039622077572,46.564575857307794 7.998471767555888,46.56499813597875 7.996620630091457,46.565554191290495 7.9948624200985625,46.56623813292746 7.99321576685166,46.5670427156218 7.991698120054851,46.56795941575718 7.990325565092044,46.56897852150325 7.989112652604931,46.57008923553433 7.9880722442016,46.57127978925356 7.987215375933413,46.572537567321 7.986551140995171,46.5738492411753 7.986086592905218,46.57520091014225 7.98582667020993,46.576578248641624 7.985774143532935,46.57796665793827 7.985929585555744,46.57935142083319 7.986291364275444,46.58071785765729 7.9868556596393585,46.582051481914704 7.987616503408459,46.58333815392459 7.988565841853647,46.584564230829145 7.989693620644403,46.58571671137243 7.990987891050449,46.586783373908844 7.992434936346632,46.587752906169705 7.994019417091955,46.58861502540384 7.995724533747981,46.58936058760861 7.997532204912097,46.58998168468399 7.999423259269906,46.59047172847008 8.001377639219925,46.590825520768504 8.003374613995016,46.59103930859754 8.005393,46.59111082408879</coordinates>
258 |           </LineString>
259 |           <Style>
260 |             <LineStyle>
261 |               <color>c000c000</color>
262 |               <tessellate>1</tessellate>
263 |               <width>3</width>
264 |             </LineStyle>
265 |           </Style>
266 |         </Placemark>
267 |         <Style>
268 |           <ListStyle>
269 |             <listItemType>checkHideChildren</listItemType>
270 |           </ListStyle>
271 |         </Style>
272 |       </Folder>
273 |       <Folder>
274 |         <name>Mont Blanc</name>
275 |         <snippet>pass N</snippet>
276 |         <Placemark>
277 |           <Point>
278 |             <coordinates>6.867674,45.830359</coordinates>
279 |           </Point>
280 |           <Style>
281 |             <IconStyle>
282 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
283 |               <Icon>
284 |                 <href>https://maps.google.com/mapfiles/kml/paddle/9.png</href>
285 |               </Icon>
286 |             </IconStyle>
287 |           </Style>
288 |         </Placemark>
289 |         <Folder>
290 |           <Placemark>
291 |             <LineString>
292 |               <coordinates>6.867674,45.830359 6.867674,45.605528598520316</coordinates>
293 |             </LineString>
294 |             <Style>
295 |               <LineStyle>
296 |                 <color>c00000c0</color>
297 |                 <tessellate>1</tessellate>
298 |                 <width>3</width>
299 |               </LineStyle>
300 |             </Style>
301 |           </Placemark>
302 |         </Folder>
303 |         <Style>
304 |           <ListStyle>
305 |             <listItemType>checkHideChildren</listItemType>
306 |           </ListStyle>
307 |         </Style>
308 |       </Folder>
309 |       <Folder>
310 |         <name>St. Hilare</name>
311 |         <snippet>signboard</snippet>
312 |         <Placemark>
313 |           <Point>
314 |             <coordinates>5.887857,45.306816</coordinates>
315 |           </Point>
316 |           <Style>
317 |             <IconStyle>
318 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
319 |               <Icon>
320 |                 <href>https://maps.google.com/mapfiles/kml/paddle/10.png</href>
321 |               </Icon>
322 |             </IconStyle>
323 |           </Style>
324 |         </Placemark>
325 |         <Style>
326 |           <ListStyle>
327 |             <listItemType>checkHideChildren</listItemType>
328 |           </ListStyle>
329 |         </Style>
330 |       </Folder>
331 |       <Folder>
332 |         <name>Monte Viso</name>
333 |         <snippet>2250m radius</snippet>
334 |         <Placemark>
335 |           <Point>
336 |             <coordinates>7.090381,44.667312</coordinates>
337 |           </Point>
338 |           <Style>
339 |             <IconStyle>
340 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
341 |               <Icon>
342 |                 <href>https://maps.google.com/mapfiles/kml/paddle/A.png</href>
343 |               </Icon>
344 |             </IconStyle>
345 |           </Style>
346 |         </Placemark>
347 |         <Placemark>
348 |           <LineString>
349 |             <coordinates>7.090381,44.68754673613318 7.092762589980537,44.6874757453242 7.095127457411984,44.687263271366724 7.09745899753014,44.686910806157954 7.099740840300694,44.68642082451503 7.101956965690705,44.68579676674505 7.104091816445464,44.685043014417296 7.106130407568226,44.68416485951042 7.108058431724881,44.68316846715423 7.109862359825947,44.6820608322314 7.111529536074018,44.680849730147806 7.113048266805791,44.67954366212132 7.114407902503551,44.678151795378 7.115598912401194,44.67668389867965 7.1166129511641305,44.675150273640085 7.117442917180201,44.673561682316134 7.118083002059652,44.67192927158581 7.118528731005785,44.67026449484756 7.118776993783513,44.668579031593154 7.11882606608039,44.666884705420784 7.118675621123042,44.66519340106522 7.118326731480924,44.663516981028 7.1177818610584405,44.661867202392706 7.117044847345161,44.66025563440796 7.116120874061689,44.65869357741505 7.115016434405281,44.65719198368645 7.113739285164013,44.65576138072787 7.1122983920308585,44.65441179757801 7.110703866508997,44.653152694619315 7.108966894856653,44.65199289738741 7.1070996595734846,44.650940534838895 7.105115253980594,44.65000298250571 7.103027590492422,44.64918681092998 7.1008513032207565,44.64849773973612 7.098601645588721,44.64794059765821 7.096294383665553,44.64751928879869 7.093945685961249,44.64723676535147 7.091572010443376,44.64709500697793 7.0891899895566235,44.64709500697793 7.08681631403875,44.64723676535147 7.084467616334447,44.64751928879869 7.08216035441128,44.64794059765821 7.079910696779244,44.64849773973612 7.0777344095075785,44.64918681092998 7.075646746019405,44.65000298250571 7.073662340426515,44.650940534838895 7.071795105143346,44.65199289738741 7.070058133491003,44.653152694619315 7.068463607969141,44.65441179757801 7.0670227148359865,44.65576138072787 7.065745565594718,44.65719198368645 7.06464112593831,44.65869357741505 7.063717152654839,44.66025563440796 7.062980138941559,44.661867202392706 7.062435268519076,44.663516981028 7.062086378876957,44.66519340106522 7.061935933919609,44.666884705420784 7.061985006216487,44.668579031593154 7.062233268994214,44.67026449484756 7.062678997940347,44.67192927158581 7.063319082819799,44.673561682316134 7.064149048835869,44.675150273640085 7.065163087598806,44.67668389867965 7.06635409749645,44.678151795378 7.067713733194209,44.67954366212132 7.0692324639259825,44.680849730147806 7.070899640174052,44.6820608322314 7.072703568275118,44.68316846715423 7.074631592431774,44.68416485951042 7.076670183554536,44.685043014417296 7.078805034309295,44.68579676674505 7.081021159699306,44.68642082451503 7.08330300246986,44.686910806157954 7.085634542588016,44.687263271366724 7.087999410019463,44.6874757453242 7.090381,44.68754673613318</coordinates>
350 |           </LineString>
351 |           <Style>
352 |             <LineStyle>
353 |               <color>c000c000</color>
354 |               <tessellate>1</tessellate>
355 |               <width>3</width>
356 |             </LineStyle>
357 |           </Style>
358 |         </Placemark>
359 |         <Style>
360 |           <ListStyle>
361 |             <listItemType>checkHideChildren</listItemType>
362 |           </ListStyle>
363 |         </Style>
364 |       </Folder>
365 |       <Folder>
366 |         <name>Cheval Blanc</name>
367 |         <snippet>pass W</snippet>
368 |         <Placemark>
369 |           <Point>
370 |             <coordinates>6.422229,44.120985</coordinates>
371 |           </Point>
372 |           <Style>
373 |             <IconStyle>
374 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
375 |               <Icon>
376 |                 <href>https://maps.google.com/mapfiles/kml/paddle/B.png</href>
377 |               </Icon>
378 |             </IconStyle>
379 |           </Style>
380 |         </Placemark>
381 |         <Folder>
382 |           <Placemark>
383 |             <LineString>
384 |               <coordinates>6.422229,44.120985 6.7354178618529215,44.12055721299625</coordinates>
385 |             </LineString>
386 |             <Style>
387 |               <LineStyle>
388 |                 <color>c00000c0</color>
389 |                 <tessellate>1</tessellate>
390 |                 <width>3</width>
391 |               </LineStyle>
392 |             </Style>
393 |           </Placemark>
394 |         </Folder>
395 |         <Style>
396 |           <ListStyle>
397 |             <listItemType>checkHideChildren</listItemType>
398 |           </ListStyle>
399 |         </Style>
400 |       </Folder>
401 |       <Folder>
402 |         <name>Peille</name>
403 |         <snippet>signboard</snippet>
404 |         <Placemark>
405 |           <Point>
406 |             <coordinates>7.410751,43.755956</coordinates>
407 |           </Point>
408 |           <Style>
409 |             <IconStyle>
410 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
411 |               <Icon>
412 |                 <href>https://maps.google.com/mapfiles/kml/paddle/stop.png</href>
413 |               </Icon>
414 |             </IconStyle>
415 |           </Style>
416 |         </Placemark>
417 |         <Style>
418 |           <ListStyle>
419 |             <listItemType>checkHideChildren</listItemType>
420 |           </ListStyle>
421 |         </Style>
422 |       </Folder>
423 |       <Folder>
424 |         <name>Monaco</name>
425 |         <Placemark>
426 |           <Point>
427 |             <coordinates>7.454787,43.75875</coordinates>
428 |           </Point>
429 |           <Style>
430 |             <IconStyle>
431 |               <hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
432 |               <Icon>
433 |                 <href>https://maps.google.com/mapfiles/kml/paddle/ylw-stars.png</href>
434 |               </Icon>
435 |             </IconStyle>
436 |           </Style>
437 |         </Placemark>
438 |         <Style>
439 |           <ListStyle>
440 |             <listItemType>checkHideChildren</listItemType>
441 |           </ListStyle>
442 |         </Style>
443 |       </Folder>
444 |     </Folder>
445 |   </Document>
446 | </kml>


--------------------------------------------------------------------------------
/assets/screenshot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/windycom/leaflet-kml/216223e905744b2313f9fc7aae3bb85c354a7e5d/assets/screenshot.jpg


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "leaflet-kml",
 3 |   "version": "1.1.0",
 4 |   "description": "Leaflet KML layer plugin",
 5 |   "main": "L.KML.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/windycom/leaflet-kml.git"
12 |   },
13 |   "author": "Pavel Shramov, Bruno Bergot",
14 |   "license": "MIT",
15 |   "bugs": {
16 |     "url": "https://github.com/windycom/leaflet-kml/issues"
17 |   },
18 |   "homepage": "https://github.com/windycom/leaflet-kml#readme"
19 | }
20 | 


--------------------------------------------------------------------------------