Hallo Andreas,
Das kommt halt auf die Ansprüche an. Aber man kann ja klein anfangen. Ich hab das Projektgebiet mal mit ein paar Punkten nachgezeichnet und mit folgendem Code eine rudimentäre Karte erstellt. Das kann man dann ja Zug um Zug erweitern und verfeinern.
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<script>
var projektgrenze =
{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "FID": 0 }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 12.45574952041, 49.9938361783 ], [ 12.496604928129999, 49.975734396219998 ], [ 12.47737885391, 49.950115362129999 ], [ 12.48424530898, 49.936416838870002 ], [ 12.545356759180001, 49.92271442018 ], [ 12.556686410059999, 49.895297895200002 ], [ 12.622604378809999, 49.889547292490001 ], [ 12.658996590719999, 49.908123693599997 ], [ 12.68920899307, 49.89175914386 ], [ 12.718734749899999, 49.914756389339999 ], [ 12.78190613662, 49.921830259399997 ], [ 12.823104867090001, 49.931555136210001 ], [ 12.88833619033, 49.917851335190001 ], [ 12.972106942290001, 49.928461070049998 ], [ 13.024292000879999, 49.889547292490001 ], [ 13.048324593649999, 49.843074996040002 ], [ 13.035278329, 49.825359502909997 ], [ 13.09295655166, 49.803206009900002 ], [ 13.07991028701, 49.757537847569999 ], [ 13.06549073135, 49.695395590979999 ], [ 13.040084847559999, 49.638065509779999 ], [ 13.01124573623, 49.619830170859998 ], [ 13.01536560928, 49.605592967920003 ], [ 13.162651070700001, 49.51763067425 ], [ 13.46271515762, 49.479278575510001 ], [ 13.50048066055, 49.427946818460001 ], [ 13.73119355117, 49.407399062289997 ], [ 13.799171456450001, 49.364041898240004 ], [ 13.72638703262, 49.296023811520001 ], [ 13.69274140273, 49.162399753309998 ], [ 13.73806000625, 49.13904576353 ], [ 13.979072579489999, 49.134553349489998 ], [ 14.057350167379999, 49.093653669230001 ], [ 14.256477364649999, 49.114332447499997 ], [ 14.209098824610001, 48.967146167549998 ], [ 14.494743355860001, 48.792842552629999 ], [ 14.592590340719999, 48.814776764720001 ], [ 14.7573852626, 48.803923920629998 ], [ 14.95513916885, 48.756867783259999 ], [ 14.96475220596, 48.786735446599998 ], [ 14.971618661040001, 48.898806671620001 ], [ 14.99633789932, 49.012428684100001 ], [ 15.10757447158, 49.003420518010003 ], [ 15.1885986415, 48.952944668329998 ], [ 15.28060913955, 48.99170746563 ], [ 15.463256844629999, 48.957453518869997 ], [ 15.55389405166, 48.915054233479999 ], [ 15.896701821440001, 48.784812685299997 ], [ 15.846405037989999, 48.67622701114 ], [ 15.82168579971, 48.592732109069999 ], [ 15.740661629790001, 48.576379986280003 ], [ 15.713195809469999, 48.494540002230003 ], [ 15.70770264541, 48.436262181469999 ], [ 15.77224732314, 48.366970341470001 ], [ 15.70770264541, 48.387038212989999 ], [ 15.516815194239999, 48.392509896020002 ], [ 15.41519165908, 48.365145597260003 ], [ 15.35614014541, 48.252798161789997 ], [ 15.199584969629999, 48.206142532020003 ], [ 15.04526139175, 48.184057769280003 ], [ 14.891967782129999, 48.231762653339999 ], [ 14.813690194239999, 48.187834595090003 ], [ 14.6612548915, 48.172267704749999 ], [ 14.570617684469999, 48.232677420549997 ], [ 14.38934327041, 48.259198556069997 ], [ 14.298706063379999, 48.319049138090001 ], [ 14.022674569239999, 48.333658468369997 ], [ 13.89907837783, 48.453570393930001 ], [ 13.84002686416, 48.435351059520002 ], [ 13.553695687399999, 48.56638441778 ], [ 13.495330819239999, 48.593186259180001 ], [ 13.45893860732, 48.552296399200003 ], [ 13.453788766020001, 48.458351886259997 ], [ 13.25466156875, 48.51478497555 ], [ 13.14342499648, 48.622016431909998 ], [ 12.99785614883, 48.792390199890001 ], [ 12.900352486719999, 48.847547132949998 ], [ 12.798557290190001, 48.839074092479997 ], [ 12.67787934219, 48.907156772980002 ], [ 12.58586884414, 48.896323940019997 ], [ 12.49248505508, 48.954973701509999 ], [ 12.32219696914, 48.986525813889997 ], [ 12.078952798, 49.066330990330002 ], [ 12.12306977187, 49.127813965 ], [ 12.1780014125, 49.219391110659998 ], [ 12.109336861719999, 49.339440940549999 ], [ 12.139549264059999, 49.405611894309999 ], [ 12.183494576559999, 49.475263246419999 ], [ 12.11483002578, 49.571540298690003 ], [ 12.142295846090001, 49.826023951019998 ], [ 12.16838837539, 49.849273885510001 ], [ 12.17765808975, 49.867201911370003 ], [ 12.219543465719999, 49.87738029802 ], [ 12.25456238662, 49.881805014450002 ], [ 12.2882080165, 49.880698873359997 ], [ 12.45574952041, 49.9938361783 ] ] ] } }
]};
var pgstyle =
{"color": "#ff0000",
"opacity": 0.5,
"fillColor": "#ff0000",
"fillOpacity": 0.5};
function initmap() {
// set up the map
karte = new L.Map('gebietskarte');
// create the tile layer with correct attribution
var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib='Daten von <a href="http://www.openstreetmap.org/">OpenStreetMap</a> - Veröffentlicht unter <a href="http://opendatacommons.org/licenses/odbl/">ODbL</a>';
var osm = new L.TileLayer(osmUrl, {minZoom: 5, maxZoom: 18, attribution: osmAttrib});
// start the map in
karte.setView(new L.LatLng(49.00, 13.90),8);
karte.addLayer(osm);
projektgebiet=new L.geoJson(projektgrenze, {style: pgstyle});
karte.addLayer(projektgebiet);
}
</script>
</head>
<body>
<h2>Forschungsprojekt (Bayern, Tschechien, Österreich) über die Funga des Böhmerwalds</h2>
<div id="gebietskarte" style="width: 800px; height: 600px;"></div>
<script>
initmap();
</script>
</body>
</html>
Beste Grüße
Franz
.