Français
ItalianoIm Folgenden findet sich der Quelltext von gpx2mapmask.php vom Nutzer Mey2008 in der Fassung vom 28. Dezember 2014.
<!DOCTYPE html> <!-- gpx2mapmask.php - Version 2014-12-28 Author: https://de.wikivoyage.org/wiki/User:Mey2008 License: Affero GPL v3 or later http://www.gnu.org/licenses/agpl-3.0.html Recent changes: 2014-12-28: route -> track 2014-07-20: + map ToDo: -- --> <html> <head> <title>GPX to mapmask</title> <meta charset="utf-8" /> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> <style type="text/css">body { background-color:#E0E0E0; }</style> </head> <body> <div style="float: right;"> <a href="http://en.wikivoyage.org/wiki/Template:Mapmask"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Wikivoyage-Logo-v3-en.svg/200px-Wikivoyage-Logo-v3-en.svg.png" border="0" width="100" title="Wikivoyage Template:Mapmask"> </a> </div> <h1>Convert gpx track to mapmask</h1> <form method="post" enctype="multipart/form-data"> <input type="file" name="datei"><br><br> <input type="submit" value="convert"> </form> <?php error_reporting(-1); $content = file_get_contents($_FILES['datei']['tmp_name']); $content = str_ireplace(array('rtept', ' ', '"', '<', '>', 'maxlon', 'minlon'), array('trkpt', '', '', '{', '}', 'XXXXXX', 'XXXXXX'), $content); preg_match_all('/{trkptlat\=(.*?)lon/i', $content, $lats); preg_match_all('/lon\=(.*?)}/i', $content, $lons); foreach ($lats as $anzahl) {}; $ausgabe = ""; for($i=0; $i < count($anzahl); $i++){ $ausgabe = $ausgabe . " |" . number_format($lats[1][$i],4) . "," . number_format($lons[1][$i],4) ; } echo "<h3>" . $_FILES['datei'] ['name'] . "</h3>"; echo "{{Mapmask" . $ausgabe . "}}<br><br>"; $mask = '[[' . str_replace(' |', '],[', substr($ausgabe,2)) . ']]'; ?> <div id="map" style="width: 420px; height: 420px"></div> <script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script> <script> var map = L.map('map').setView([30,20], 1); var mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>'; L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data © ' + mapLink, maxZoom: 18, }).addTo(map); var mcolor = "black", mweight = 0, mopacity = 0, mfillOpacity = 0.2; if (L.Browser.android) { mcolor = "blue", mweight = 5, mopacity = 0.2, mfillOpacity = 0; } var mask = <?php echo $mask; ?>; var mapmask = L.polygon( [[[90, -180],[90, 180],[-90, 180],[-90, -180]],mask], // world, mask {color: mcolor, weight: mweight, opacity: mopacity, fillOpacity: mfillOpacity, clickable: false} ).addTo(map); var polygon = L.polygon(mask, {color:"blue", weight:2, fillOpacity:0}).addTo(map); map.fitBounds(polygon.getBounds()); </script> </body> </html> Explore the world
United states
New York
Japan
Tokyo
Singapore
Singapore
