Skip to content

Instantly share code, notes, and snippets.

@ThomasG77

ThomasG77/example2.kml

Created February 26, 2020 23:26
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ThomasG77/ffd07819ff8e9532619b633ce3535093 to your computer and use it in GitHub Desktop.
Save ThomasG77/ffd07819ff8e9532619b633ce3535093 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example2.kml
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<name>Red Bull X-Alps 2019 Route</name>
<snippet>https://www.redbullxalps.com/ Created by twpayne@gmail.com</snippet>
<open>1</open>
<Folder>
<name>Route</name>
<Placemark>
<LineString>
<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>
<tessellate>1</tessellate>
</LineString>
<Style>
<LineStyle>
<color>c0009090</color>
<width>4</width>
</LineStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Turnpoints</name>
<Folder>
<name>Salzburg</name>
<Placemark>
<Point>
<coordinates>13.0484,47.79885</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/go.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Gaisberg</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>13.110917,47.804133</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/1.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Wagrain-Kleinarl</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>13.305787,47.332295</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/2.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Aschau-Chiemsee</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>12.33277,47.784362</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/3.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Kronplatz</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>11.9549,46.737598</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/4.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Zugspitz</name>
<snippet>pass N</snippet>
<Placemark>
<Point>
<coordinates>10.98526,47.4211</coordinates>
</Point>
<Style>
<IconStyle>
<Icon>
<href>https://maps.google.com/mapfiles/kml/pal2/icon15.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Folder>
<Placemark>
<LineString>
<coordinates>10.98526,47.4211 10.98526,47.196269598520324</coordinates>
</LineString>
<Style>
<LineStyle>
<color>c00000c0</color>
<tessellate>1</tessellate>
<width>3</width>
</LineStyle>
</Style>
</Placemark>
</Folder>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Lermoos-Tiroler Zugspitz Arena</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>10.879767,47.401283</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/5.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Davos</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>9.851879,46.815225</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/6.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Titlis</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>8.424457,46.770918</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/7.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Eiger</name>
<snippet>1500m radius</snippet>
<Placemark>
<Point>
<coordinates>8.005393,46.577621</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/8.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Placemark>
<LineString>
<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>
</LineString>
<Style>
<LineStyle>
<color>c000c000</color>
<tessellate>1</tessellate>
<width>3</width>
</LineStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Mont Blanc</name>
<snippet>pass N</snippet>
<Placemark>
<Point>
<coordinates>6.867674,45.830359</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/9.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Folder>
<Placemark>
<LineString>
<coordinates>6.867674,45.830359 6.867674,45.605528598520316</coordinates>
</LineString>
<Style>
<LineStyle>
<color>c00000c0</color>
<tessellate>1</tessellate>
<width>3</width>
</LineStyle>
</Style>
</Placemark>
</Folder>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>St. Hilare</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>5.887857,45.306816</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/10.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Monte Viso</name>
<snippet>2250m radius</snippet>
<Placemark>
<Point>
<coordinates>7.090381,44.667312</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/A.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Placemark>
<LineString>
<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>
</LineString>
<Style>
<LineStyle>
<color>c000c000</color>
<tessellate>1</tessellate>
<width>3</width>
</LineStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Cheval Blanc</name>
<snippet>pass W</snippet>
<Placemark>
<Point>
<coordinates>6.422229,44.120985</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/B.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Folder>
<Placemark>
<LineString>
<coordinates>6.422229,44.120985 6.7354178618529215,44.12055721299625</coordinates>
</LineString>
<Style>
<LineStyle>
<color>c00000c0</color>
<tessellate>1</tessellate>
<width>3</width>
</LineStyle>
</Style>
</Placemark>
</Folder>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Peille</name>
<snippet>signboard</snippet>
<Placemark>
<Point>
<coordinates>7.410751,43.755956</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/stop.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
<Folder>
<name>Monaco</name>
<Placemark>
<Point>
<coordinates>7.454787,43.75875</coordinates>
</Point>
<Style>
<IconStyle>
<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"></hotSpot>
<Icon>
<href>https://maps.google.com/mapfiles/kml/paddle/ylw-stars.png</href>
</Icon>
</IconStyle>
</Style>
</Placemark>
<Style>
<ListStyle>
<listItemType>checkHideChildren</listItemType>
</ListStyle>
</Style>
</Folder>
</Folder>
</Document>
</kml>
Raw
index.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.3.1/leaflet-omnivore.min.js'></script>
<style>
html, body {
height: 100%;
padding: 0;
margin: 0;
}
#map {
/* configure the size of the map */
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
// initialize Leaflet
var map = L.map('map').setView({lon: -1.534, lat: 47.213}, 11);
// add the OpenStreetMap tiles
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '&copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap contributors</a>'
}).addTo(map);
// show the scale bar on the lower left corner
L.control.scale().addTo(map);
fetch('example2.kml')
.then(res => res.text())
.then(kmltext => {
// Create new kml overlay
const track = new omnivore.kml.parse(kmltext);
map.addLayer(track);
// Adjust map to show the kml
const bounds = track.getBounds();
map.fitBounds(bounds);
}).catch((e) => {
console.log(e);
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment