Die Beschreibung und das Beispiel für die Anzeige einer Wanderung von Mittenwald zur Mittenwalder Hütte auf der Wanderreitkarte

Hier ist die Hompage von >> Wanderreitkarte

und hier die Hilfeseite mit Tips unter anderem zum Anzeigen auf >>Webseiten. Bitte beachte Sie auch die Lizenzen.

Artikel bezieht sich auf Verwendung in der Zeit Stand ca. Jahr 2014

Der Code beinhaltet hier in der Ansicht keinen Umruck! Zum genauen ansehen kopieren und im geigneten Editor lesen!

 

Anzeige von Kartenausschnitten von Wanderreitkarte

Unter Tips wird empfohlen folgenden Code in Eure Webpage einzubinden (Stand ca. Jahr 2014):

Die Codeanzeige ist hier ohne Zeilenumbruch. Zum genauen ansehen kopieren und z. B. in einem beliebigen Editor ansehen!

 

<script src="http://wanderreitkarte.de/openlayers/OpenLayers.js" type="text/javascript"></script>
    <script src="http://wanderreitkarte.de/static/trackmap.js" type="text/javascript" ></script>

    ...

    <div id="map" style="position:absolute; top:5%; left:5%; width:90%; height:90%;"><!-- hier erscheint die Karte --></div>

    ...

    <script type="text/javascript">
        var map = trackMapInit();
        addTrack( "{tip Hier eintragen::Beschreibung des Track}Da war ich{/tip}", "{tip GPX Datei einsetzen::Dateiname und Pfad, wenn nicht in Root}meineroute.gpx{/tip}", "{tip Farbe des Track::Hier Farbe einsetzen}#0000FF{/tip}" );
        trackMapShow( map, {tip Hinweisl::hier Längengrad und Breitengrad für Kartenmitte eingeben}49.94, 9.479,{/tip} {tip Hinweis::Hier Zoomfaktor eingeben in ganzen Zahlen}12{/tip});
    </script>

Da der Aufruf über "map" nicht mehr valid ist habe ich folgenden Code verwendet. Die Datei und der Track sind im download enthalten. Es wird die Wanderung zur Mittenwalder Hütte dargestellt. Die zugehörige und für den Track benötigte Trackdatei "MittenwalderHuette.gpx" ist ebenfalls im download enthalten. Auch die Bilder bzw. Icons. Beachten Sie die gebrochen unterstrichenen Texte: = Hinweis bei Mouseover.  Hier oder unter "download Webdateien" können Sie die Beispieldateien herunterladen und testen.  


{phocadownload view=file|id=4|text=Wanderreitkarte Beispieldateien. download *.zip|target=s}

Die HTML Datei mit eingebautem Script zur Kartendarstellung

<!-- diese Datei ist validiert. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
    <head>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="created" content="Mo, 15 Aug 2011 19:24:53 GMT">
    <META NAME="Author" CONTENT="dl7nbm, Norbert B&uuml;hrer">
    <meta name="description" content="Wandern in der Alpenwelt Karwendel (916 - 2.385 m), Oberbayern, oberes Isartal, Karwendelgebirge">
    <meta name="keywords" content="mittenwald, wandern, ferienwohnung, ferienwohnungen, berge, alpen, touren, tour, bergtour, h&uuml;ttentour, alpenwelt karwendel, markt mittenwald, wintersport, skifahren, skilanglauf, langlauf, scating, mountainbiken, wetterstein, zugspitze, karwendel, markt mittenwald, wintersport, skifahren, skilanglauf, langlauf, scating, mountainbiken, wetterstein, zugspitze, karwendel, isar, urlaub, Mittenwalder H&uuml;tte">
    <title>Wanderung zur Mittenwalder H&uuml;tte, Karte </title>

</head>
    <body>
<div style="WIDTH:auto; HEIGHT: auto">
{tip Hinweis::Hier ist der Link zur Startseite eingetragen. Das Beispiel weist zu meiner Seite wie im Orginal}<a href="http://www.mittenwald-ferienzeit.de"><img src="home.jpg" width="46" height="42" alt="Home" title="www.mittenwald-ferienzeit.de" border="3" align="left"></a>{/tip}<font size="2"><input type="button" value=""> Hilfetext: Mausrad = kleiner/gr&ouml;&szlig;er; linke Maustaste halten = Bereich verschieben </font><font size="3"><a id="Wanderkarte" target="_blank" title="Wanderkarte (Nop); www.wanderreitkarte.de" href="http://www.wanderreitkarte.de/">Freie Karte von: Wanderkarte (Nop); www.wanderreitkarte.de</a> &copy; Lizenz beachten</font><br><font size="3"><input type="button" value=""> Wanderung von Mittenwald zur Mittenwalder H&uuml;tte</font>
</div>

<script src="http://wanderreitkarte.de/openlayers/OpenLayers.js" type="text/javascript"></script>
    <script src="http://wanderreitkarte.de/static/trackmap.js" type="text/javascript" ></script>


     <div style="position:fixed; align:center; margin:auto; WIDTH:99%; HEIGHT:85%; z-index:1" id=map><!-- hier erscheint die Karte --></div>

    <script type="text/javascript">
        var map = trackMapInit();
        addTrack({tip Eingaben für Track::Beschreibung, GPX-Datei evt. mit Pfadangabe, Farbe} "Mittenwalder H&uuml;tte", "MittenwalderHuette.gpx", "#0000FF"{/tip} );
        trackMapShow( map,{tip Koordinaten und Zoom::Koordinaten f&uuml;r die Kartenmitte, Zoomstufe} 47.4372, 11.2744, 15 {/tip});
    </script>
    
{tip Validierung o.k?::Diesen Bereich nur belassen, wenn valdiert wurde ohne Fehler. Ansonsten l&ouml;schen oder auskommentieren}<!-- das Validierungszeichen im Format x.gif (als download mit x.jpg von w3.org). Nur belassen, wenn die Datei validiert ist! -->
     <div style="position:fixed; z-index:2; bottom:0px; left:0px; HEIGHT:30px; width:auto;"><a href="http://validator.w3.org/check?uri=referer"><img src="valid-html401.gif" width="88" height="31" alt="Valid HTML 4.01 Transitional" title="Valid HTML 4.01 Transitional" border="0" align="bottom"></a></div>
{/tip}

    
    </body>
    
</html>

Die Track Datei GPX

Hier der Inhalt der GPX Datei ohne den mitleren Teil. Die GPX Datei kann mit einem GPS Gerät aufgenommen werden und sinnvollerweise überprüft und gegebenenfalls nachgearbeitet in einem der Editoren. Siehe Meine Werkzeuge.

Die GPX - Dateien haben sich in den Jahren seit dem erstellen dieses Beitrages wenig bzw. nicht verändert. Diese Datei kann noch so verwendet werden! Sie knn ebenfalls über ie Wanderreitkarte erstellt werden.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<gpx xmlns="http://www.topografix.com/GPX/1/1" >

<name>Haus Roseneck, Ferienwohnungen, Weg- und Tourenbeschreibungen</name>
<desc>erstellt von Haus Roseneck</desc>
<author>dl7nbm, Norbert Bührer</author>
<email>Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</email>
<link>http://www.mittenwald-ferienzeit.de</link>
<copyright>dl7nbm</copyright>
<time>2010-10-29</time>
<keywords>Mittenwald, wandern, mountainbiken, ferienwohnung, ferienwohnungen, karwendel, karwendelgebirge, biken, radfahren, isar</keywords>

<wpt lat="47.4510182365148" lon="11.274681687355">
    <ele>904</ele>
    <name>Haus Roseneck, Mittenwald</name>
<desc>&lt;br /&gt;&lt;a href="http://www.haus-roseneck.de/" target="_blank"&gt;Haus Roseneck, zertifizierte Ferienwohnungen&lt;/a&gt;</desc>
    <fix>2d</fix>
</wpt>

<wpt lat="47.440371196833" lon="11.265430693032">
    <name>Bahnhof Mittenwald</name>
</wpt>
<wpt lat="47.4338725775" lon="11.282274965642">
    <name>Mittenwalder Hütte</name>
    <desc>Alpenvereinshütte, saisonale Verpflegung und Übernachtung</desc>
</wpt>
<wpt lat="47.4380010550344" lon="11.2688398361206">
    <name>P-Schwarzenfeld 47.438001° N, 11.268840° O</name>
    <fix>2d</fix>
</wpt>

<trk>
    <name>MittenwalderHuette</name>
    <trkseg>
        <trkpt lat="47.440371196833" lon="11.265430693032">
            <ele>917</ele>
            <name>Bahnhof Mittenwald</name>
        </trkpt>
        <trkpt lat="47.440465531572" lon="11.26540923536">
            <ele>916</ele>
            <name>PT1</name>
        </trkpt>
        <trkpt lat="47.440559866142" lon="11.265387777687">
            <ele>916</ele>
            <name>PT2</name>
        </trkpt>
        <trkpt lat="47.440690482959" lon="11.265216116311">
            <ele>916</ele>
            <name>PT3</name>
        </trkpt>
        
        und so weiter        und so weiter        und so weiter
        
                <trkpt lat="47.43411932924" lon="11.28206038892">
            <ele>1472</ele>
            <name>PT86</name>
        </trkpt>
        <trkpt lat="47.43398869611" lon="11.28200674474">
            <ele>1472</ele>
            <name>PT87</name>
        </trkpt>
        <trkpt lat="47.4338725775" lon="11.282274965642">
            <ele>1477</ele>
            <name>Mittenwalder Hü</name>
        </trkpt>
    </trkseg>
</trk>

</gpx>

Aktivitäten und Touren planen

Touren, Touren planen www.mittenwald-ferienzeit.de, die Seite auf der sie alle Aktivitäten ausführlich beschrieben finden.
Ausführliche Informationen und Darstellung von Touren und Tourenkarten Karwendelgebirge, Wettersteingebirge, Estergebirge, Oberes Isartal, Mittenwald, angernzendes Tirol
Wandern, Hüttentouren, Mountainbiktouren, Wander- und Tourenkarten.

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.