{"id":142,"date":"2017-04-03T10:24:03","date_gmt":"2017-04-03T09:24:03","guid":{"rendered":"http:\/\/martin-kuettner.de\/?p=142"},"modified":"2019-07-16T15:51:48","modified_gmt":"2019-07-16T14:51:48","slug":"testbeitrag-griechenland-2014-rund-peloponnes","status":"publish","type":"post","link":"https:\/\/martin-kuettner.de\/?p=142","title":{"rendered":"Testbeitrag \/ Griechenland 2014 (Rund Peloponnes)"},"content":{"rendered":"<p>Hallo,<\/p>\n<p>das ist nur ein Test, wie man eine OpenSeaMaps Karte einbinden kann. Damit dieser Beitrag nicht ganz sinnfrei ist:<\/p>\n<p><!--more--><\/p>\n<p>Unser Track: Griechenland 2014 und 2016:<\/p>\n<p>2014:<\/p>\n<div id=\"ShortCode_Div\"><link rel='stylesheet' id='osm-ol3-css-css' href='https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/js\/OL\/10.9.0\/ol.css?ver=6.9.4' media='all' \/>\n<link rel='stylesheet' id='osm-ol3-ext-css-css' href='https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/css\/osm_map_v3.css?ver=6.9.4' media='all' \/>\n<link rel='stylesheet' id='osm-map-css-css' href='https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/css\/osm_map.css?ver=6.9.4' media='all' \/>\n<script src=\"https:\/\/martin-kuettner.de\/wp-includes\/js\/dist\/vendor\/wp-polyfill.min.js?ver=3.15.0\" id=\"wp-polyfill-js\"><\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/js\/OL\/10.9.0\/ol.js?ver=10.9.0\" id=\"osm-ol3-library-js\"><\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/js\/osm-v3-plugin-lib.js?ver=1.0.0\" id=\"osm-ol3-ext-library-js\"><\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/js\/osm-metabox-events.js?ver=1.0.0\" id=\"osm-ol3-metabox-events-js\"><\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\" id=\"jquery-core-js\"><\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\" id=\"jquery-migrate-js\"><\/script>\n<script id=\"osm-map-startup-js-extra\">\nvar translations = {\"openlayer\":\"open layer\",\"openlayerAtStartup\":\"open layer at startup\",\"generateLink\":\"link to this map with opened layers\",\"shortDescription\":\"short description\",\"generatedShortCode\":\"to get a text control link paste this code in your wordpress editor\",\"closeLayer\":\"close layer\",\"cantGenerateLink\":\"put this string in the existing map short code to control this map\"};\n\/\/# sourceURL=osm-map-startup-js-extra\n<\/script>\n<script src=\"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/js\/osm-startup-lib.js?ver=V6.2.5\" id=\"osm-map-startup-js\"><\/script>\n\n        <div id=\"map_ol3js_1\"\n       class=\"osm-map-container undefined\"\n             data-map_name=\"undefined\"\n             data-map=\"map_ol3js_1\"\n             data-autoshow=\"no\"\n             style=\"width:100%;\n                    max-width:100%;\n                    height:450px;\n                    display:block;\n                    overflow:hidden;\n                    border:thin solid blue;\n                    position: relative;\">\n          <div id=\"map_ol3js_1_popup\" class=\"ol-popup\">\n            <a href=\"#\" id=\"map_ol3js_1_popup-closer\" class=\"ol-popup-closer\"><\/a>\n            <div id=\"map_ol3js_1_popup-content\"><\/div>\n          <\/div>\n        <\/div>\n    <script type=\"text\/javascript\">\n\t\t\t  vectorM['map_ol3js_1'] = [];\n\t        \n        var raster = getTileLayer(\"openseamap\",\"NoKey\");\t\t\t\n\n\t\t\t  var map_ol3js_1 = new ol.Map({\n\t\t\t\tinteractions: ol.interaction.defaults.defaults({mouseWheelZoom:false}),\n\t\t\t\tlayers: [raster],\n\t\t\t\ttarget: \"map_ol3js_1\",\n\t\t\t\tview: new ol.View({\n\t\t\t\t  center: ol.proj.transform([22.347,37.194], \"EPSG:4326\", \"EPSG:3857\"),\n\t\t\t\t  zoom: 7\n\t\t\t\t})\n\t\t\t  });\n\t\t\t  \n\n          var Layer2 = new ol.layer.Tile({\n            source: new ol.source.OSM({\n              attributions: \"Maps &copy; \" +\n              \"<a href=\\\"http:\/\/www.openseamap.org\/\\\">OpenSeaMap<\/a>\",\n              crossOrigin: null,\n              url: \"https:\/\/t1.openseamap.org\/seamark\/{z}\/{x}\/{y}.png\"\n            }),\n            className: \"ol-openseamap\",\n            zIndex: 91\n          });\t\t\t  \n\t\t\t  \n\t\t\t  map_ol3js_1.addLayer(Layer2);\n    var style_map_ol3js_1_0 = {\n      \"Point\": [new ol.style.Style({\n\n          image: new ol.style.Icon({\n            anchor: [0.5, 41],\n            anchorXUnits: \"fraction\",\n            anchorYUnits: \"pixels\",\n            opacity: 0.75,\n            src: \"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/icons\/mic_red_pinother_02.png\"\n          })\n      })],\n\n      \"LineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"red\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"red\",\n          width: 4\n        })\n      })]\n    };\n\t\t  var vectorL0 = new ol.layer.Vector({\n\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/uploads\/2017\/03\/Gr_2014.gpx\",\n\t\t\t\tformat: new ol.format.GPX({\n\t\t\t\t\textractStyles: false\n\t\t\t\t})\n\t\t\t}),\n\t\t\tzIndex: 92,\n\t\t\tstyle: function(feature, resolution) {return style_map_ol3js_1_0[feature.getGeometry().getType()];}\n\t\t  });\n\t\t  map_ol3js_1.addLayer(vectorL0);addControls2Map(map_ol3js_1,1,0,3,1,5,6,7,1,1);\nosm_addPopupClickhandler(map_ol3js_1,  \"map_ol3js_1\"); \nosm_addMouseHover(map_ol3js_1); <\/script><\/div>\n<div><\/div>\n<p><\/p>\n<div>2016:<\/div>\n<div>\n<div id=\"ShortCode_Div\">\n        <div id=\"map_ol3js_2\"\n       class=\"osm-map-container undefined\"\n             data-map_name=\"undefined\"\n             data-map=\"map_ol3js_2\"\n             data-autoshow=\"no\"\n             style=\"width:100%;\n                    max-width:100%;\n                    height:450px;\n                    display:block;\n                    overflow:hidden;\n                    border:thin solid blue;\n                    position: relative;\">\n          <div id=\"map_ol3js_2_popup\" class=\"ol-popup\">\n            <a href=\"#\" id=\"map_ol3js_2_popup-closer\" class=\"ol-popup-closer\"><\/a>\n            <div id=\"map_ol3js_2_popup-content\"><\/div>\n          <\/div>\n        <\/div>\n    <script type=\"text\/javascript\">\n\t\t\t  vectorM['map_ol3js_2'] = [];\n\t        \n        var raster = getTileLayer(\"openseamap\",\"NoKey\");\t\t\t\n\n\t\t\t  var map_ol3js_2 = new ol.Map({\n\t\t\t\tinteractions: ol.interaction.defaults.defaults({mouseWheelZoom:false}),\n\t\t\t\tlayers: [raster],\n\t\t\t\ttarget: \"map_ol3js_2\",\n\t\t\t\tview: new ol.View({\n\t\t\t\t  center: ol.proj.transform([22.347,37.194], \"EPSG:4326\", \"EPSG:3857\"),\n\t\t\t\t  zoom: 7\n\t\t\t\t})\n\t\t\t  });\n\t\t\t  \n\n          var Layer2 = new ol.layer.Tile({\n            source: new ol.source.OSM({\n              attributions: \"Maps &copy; \" +\n              \"<a href=\\\"http:\/\/www.openseamap.org\/\\\">OpenSeaMap<\/a>\",\n              crossOrigin: null,\n              url: \"https:\/\/t1.openseamap.org\/seamark\/{z}\/{x}\/{y}.png\"\n            }),\n            className: \"ol-openseamap\",\n            zIndex: 91\n          });\t\t\t  \n\t\t\t  \n\t\t\t  map_ol3js_2.addLayer(Layer2);\n    var style_map_ol3js_2_0 = {\n      \"Point\": [new ol.style.Style({\n\n          image: new ol.style.Icon({\n            anchor: [0.5, 41],\n            anchorXUnits: \"fraction\",\n            anchorYUnits: \"pixels\",\n            opacity: 0.75,\n            src: \"https:\/\/martin-kuettner.de\/wp-content\/plugins\/osm\/icons\/mic_red_pinother_02.png\"\n          })\n      })],\n\n      \"LineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"red\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"red\",\n          width: 4\n        })\n      })]\n    };\n\t\t  var vectorL0 = new ol.layer.Vector({\n\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/uploads\/2017\/03\/GR_2016.gpx\",\n\t\t\t\tformat: new ol.format.GPX({\n\t\t\t\t\textractStyles: false\n\t\t\t\t})\n\t\t\t}),\n\t\t\tzIndex: 92,\n\t\t\tstyle: function(feature, resolution) {return style_map_ol3js_2_0[feature.getGeometry().getType()];}\n\t\t  });\n\t\t  map_ol3js_2.addLayer(vectorL0);addControls2Map(map_ol3js_2,1,0,3,1,5,6,7,1,1);\nosm_addPopupClickhandler(map_ol3js_2,  \"map_ol3js_2\"); \nosm_addMouseHover(map_ol3js_2); <\/script><\/div>\n<\/div>\n<p><\/p>\n<div>\u00dcber 2016 gibts auch ein Video bei Youtube:<\/div>\n<div>\n<div class=\"youtube-embed ye-container\" itemprop=\"video\" itemscope itemtype=\"https:\/\/schema.org\/VideoObject\">\n\t<meta itemprop=\"url\" content=\"https:\/\/www.youtube.com\/v\/JOopAfZ8pmU\" \/>\n\t<meta itemprop=\"name\" content=\"Testbeitrag \/ Griechenland 2014 (Rund Peloponnes)\" \/>\n\t<meta itemprop=\"description\" content=\"Testbeitrag \/ Griechenland 2014 (Rund Peloponnes)\" \/>\n\t<meta itemprop=\"uploadDate\" content=\"2017-04-03T10:24:03+01:00\" \/>\n\t<meta itemprop=\"thumbnailUrl\" content=\"https:\/\/i.ytimg.com\/vi\/JOopAfZ8pmU\/default.jpg\" \/>\n\t<meta itemprop=\"embedUrl\" content=\"https:\/\/www.youtube.com\/embed\/JOopAfZ8pmU\" \/>\n\t<meta itemprop=\"height\" content=\"720\" \/>\n\t<meta itemprop=\"width\" content=\"1280\" \/>\n\t<iframe style=\"border: 0;\" class=\"youtube-player\" width=\"1280\" height=\"720\" src=\"https:\/\/www.youtube.com\/embed\/JOopAfZ8pmU?rel=0\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hallo, das ist nur ein Test, wie man eine OpenSeaMaps Karte einbinden kann. Damit dieser Beitrag nicht ganz sinnfrei ist:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-142","post","type-post","status-publish","format-standard","hentry","category-common"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/posts\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":18,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/martin-kuettner.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}