Vizualizace GPX

by smap

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>api4.mapy.cz - gpx záznam</title>
        <script type="text/javascript" src="https://api.mapy.cz/loader.js"></script>
        <script type="text/javascript">Loader.load();</script>
    </head>
    <body id="advanced-markers">
        Zde vložte obsah GPX souboru:<br/>
        <textarea id="gpx"></textarea>
        <input type="button" value="Zobrazit" onclick="load()" />
        <hr/>
        <div id="m" style="height:340px"></div>
    </body>
</html>

JavaScript

var center = SMap.Coords.fromWGS84(14.400307, 50.071853);
var m = new SMap(JAK.gel("m"), center, 5);
m.addDefaultLayer(SMap.DEF_TURIST).enable();
m.addDefaultControls();

function load() { /* Funkce volaná po stisku tlačítka */
    var value = JAK.gel("gpx").value.trim();
    if (!value) { return alert("Vložte do textového pole obsah GPX souboru"); }
    var xmlDoc = JAK.XML.createDocument(value);

    var gpx = new SMap.Layer.GPX(xmlDoc, null, {maxPoints:500}); /* GPX vrstva */
    m.addLayer(gpx); /* Přidáme ji do mapy */
    gpx.enable();    /* Zapnout vrstvu */
    gpx.fit();       /* Nastavit mapu tak, aby byla GPX trasa dobře vidět */
}