etru_RU

KML / Leaflet Maps

Mis on KML?

Keyhole Markup Language (KML) on XML-keel, mida kasutatakse 3D-georuumiandmete vaatamise haldamiseks. KML kasutab baas- (viite-) süsteemina 3D geograafilisi koordinaate: pikkuskraadi, laiuskraadi ja kõrgust. Laiuskraadi ja pikkuskraadi komponendid määratletakse vastavalt 1984. aasta maailma geodeetilisele süsteemile.

Kasutatakse koordinaatide, märgiste, marsruutide, kontuuride ja muude ruumiliste objektide salvestamiseks ja vahetamiseks. Vaadeldav programmides nagu Google Earth, Google Maps.

Google My Maps

Kaardi loomiseks tuleb vajutada nuppu „Create map” (Loo kaart).

Kirjutame aadressi otsinguribale, klõpsates sellele, lisatakse see automaatselt.

Lisa aadress kaardile

Vajuta pliiatsile, et teha muudatusi

Muuda nime ja salvesta

Värvi või ikooni muutmiseks klõpsake ämbri ikoonil.

Vali värv ja ikoon

Lisage õppeasutuse aadress

Vajuta ikoonile „Juhi suund” ja vali marsruut kodust õppeasutuseni.

Valige ikoon „Joonista joon“

Joonista joon ühest punktist teise

Märkige joonega valitud objekt, nimetage see „Minu kodu“

Vajuta kolmele punktile ja ekspordi KML-vormingusse

Klõpsake linnukesele, et eksportida KML-vormingusse, ja laadige alla

Google earth

Loo uus projekt

Valige oma kodu aadress

Lisa märge kaardile

Valige „Lisa marsruut“ ja looge marsruut kodust õppeasutuseni

Märgi oma maja kaardil

Klõpsake „Fail“ ja eksportige KML-fail

Kood

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>KML Google My Maps</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
    <script src="https://unpkg.com/leaflet-omnivore@0.3.4/leaflet-omnivore.min.js"></script>
    <style>
        #kaart { height: 500px; width: 100%; }
        body { margin: 0; padding: 20px; font-family: Arial; }
        navigatsioon { background: #f0f0f0; padding: 10px; margin-bottom: 20px; }
        navigatsioon a { margin-right: 15px; text-decoration: none; color: #333; }
        h1 { text-align: center; color: #333; }
    </style>
</head>
<body>
<h1>KML - Google My Maps</h1>

<navigatsioon>
    <a href="index.html">KML - Google My Maps</a>
    <a href="index2.html">KML - Google Earth</a>
</navigatsioon>

<div id="kaart"></div>

<script>
    var kaart = L.map('kaart').setView([59.41, 24.70], 12);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'OpenStreetMap'
    }).addTo(kaart);

    var kmlFail = omnivore.kml('googleMap.kml')
        .on('ready', function() {
            kaart.fitBounds(kmlFail.getBounds());
        })
        .addTo(kaart);
</script>
</body>
</html>

Kokkuvõte

Google Earth – keeruliste 3D-visualiseeringute ja professionaalse analüüsi jaoks. Google My Maps – lihtsate kaartide kiireks loomiseks ja ühiseks töötamiseks. Mõlemad ekspordivad KML-vormingusse, kuid My Maps on veebiprojektide jaoks praktilisem tänu oma lihtsusele ja mugavale ühisele kasutamisele.