Ülesanne: KML-faili kasutamine veebilehel Leaflet Maps abil

Mis on KML?

KML (Keyhole Markup Language) on XML-põhine failivorming, mida kasutatakse geograafiliste andmete kuvamiseks rakendustes nagu Google Earth ja teistes GIS-programmides (nt ArcGIS). KML-is kirjeldatakse objekte (punktid, jooned, hulknurgad), nende stiili ja metaandmeid.

KML-faili loomine ja kodukoha näitamine

Variant 1: Google My Maps

Mine: Google My Maps

Tulemuseks saad näiteks faili map.kml.

Fail map.kml

Variant 2: Google Earth (Web)

Mine: Google Earth Web

Tee koolist koju

Selle osa jaoks kasutan Google My Maps marsruudi tööriista.

Minu tee koolist koju

My coordinates

Kodukoha tähistamine kujundiga

Näide punktist Placemark (kool):

<Placemark>
  <name>Tallinn Industrial Education Center</name>
  <styleUrl>#icon-1899-0288D1-nodesc</styleUrl>
  <Point>
    <coordinates>24.7054502,59.4115524,0</coordinates>
  </Point>
</Placemark>
Märkus: HTML-s tuleb KML-i näitamisel nurgasulud < > põgeneda (escape), et brauser ei käsitleks neid HTML-ina.

Näide hulknurgast (Polygon), mis märgib ala kodu ümber (punane piir, poolläbipaistev punane täide):

<Placemark>
  <name>Zoon kodu ümber</name>
  <Style>
    <LineStyle>
      <color>ff0000ff</color> <!-- AA BB GG RR: ff0000ff = 100% punane joon -->
      <width>2</width>
    </LineStyle>
    <PolyStyle>
      <color>7d0000ff</color> <!-- ~50% läbipaistev punane täide -->
    </PolyStyle>
  </Style>
  <Polygon>
    <outerBoundaryIs>
      <LinearRing>
        <coordinates>
          24.8239,59.4366,0
          24.8247,59.4366,0
          24.8247,59.4362,0
          24.8239,59.4362,0
          24.8239,59.4366,0
        </coordinates>
      </LinearRing>
    </outerBoundaryIs>
  </Polygon>
</Placemark>

Iga elemendi tähendus

Kaardi lisamine veebilehele Leaflet Maps abil

Loo uus fail: leaflet.html

Koosta HTML-leht, mis kasutab Leaflet teeki (LeafletJS quich-start)

Seal on script ja css koodis

Leaflet codes Minu kaart koos leafletJS

Tee kokkuvõte: Milline kaarditeek sobib kõige paremini erinevates olukordades?

Minu jaoks on Google Mapsi kõige lihtsam kasutada; see on lihtne ja mugav. Kui võtta näiteks Google Earth, siis mulle selle kasutamine ei meeldinud; see on natuke keerulisem kui Google Maps.