{"id":629,"date":"2023-08-29T14:29:01","date_gmt":"2023-08-29T12:29:01","guid":{"rendered":"http:\/\/tuiliere-a-ciel-ouvert.fr\/?page_id=629"},"modified":"2023-08-29T18:05:44","modified_gmt":"2023-08-29T16:05:44","slug":"les-balades-sympathiques","status":"publish","type":"page","link":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/les-balades-sympathiques\/","title":{"rendered":"Les balades sympathiques"},"content":{"rendered":"\n<p><\/p>\n\n\n\n\n\t\t\t\t<div id=\"map_ol3js_1\" class=\"map undefined\" data-map_name=\"undefined\" data-map=\"map_ol3js_1\" style=\"width:100%; max-width:100%; height:450px; display:block; overflow:hidden;border:2px solid grey; background-image: url(https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/GDPR_bckgrnd.png); background-repeat: no-repeat; background-position: center; position: relative;\" >\n\t\t\t\t  <div id=\"map_ol3js_1_popup\" class=\"ol-popup\" >\n\t\t\t\t\t<a href=\"#\" id=\"map_ol3js_1_popup-closer\" class=\"ol-popup-closer\"><\/a>\n\t\t\t\t\t<div id=\"map_ol3js_1_popup-content\" ><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/OL\/7.1.0\/ol.css?ver=7.1.0\" type=\"text\/css\">\n\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/css\/osm_map_v3.css?ver=1.0.0\" type=\"text\/css\">\n\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/css\/osm_map.css?ver=1.0.0\" type=\"text\/css\">\n\t\t\t\t<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->\n                                <script src=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/polyfill\/v2\/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL\"><\/script>\n\n\t\t\t\t<script src=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/OL\/7.1.0\/ol.js?ver=7.1.0\" type=\"text\/javascript\"><\/script>\n\t\t\t\t<script src=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/osm-v3-plugin-lib.js?ver=1.0.0\" type=\"text\/javascript\"><\/script>\n\t\t\t\t<script src=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/osm-metabox-events.js?ver=1.0.0\" type=\"text\/javascript\"><\/script>\n\t\t\t\t<script src=\"https:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/js\/osm-startup-lib.js\" type=\"text\/javascript\"><\/script>\n\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\ttranslations['openlayer'] = \"open layer\";\n\t\t\t\t\ttranslations['openlayerAtStartup'] = \"open layer at startup\";\n\t\t\t\t\ttranslations['generateLink'] = \"link to this map with opened layers\";\n\t\t\t\t\ttranslations['shortDescription'] = \"short description\";\n\t\t\t\t\ttranslations['generatedShortCode'] = \"to get a text control link paste this code in your wordpress editor\";\n\t\t\t\t\ttranslations['closeLayer'] = \"close layer\";\n\t\t\t\t\ttranslations['cantGenerateLink'] = \"put this string in the existing map short code to control this map\";\n\t\t\t  <\/script>\n\n\n\t\t\t  <script type=\"text\/javascript\">\n\t\t\t  vectorM['map_ol3js_1'] = [];\n\t        \n        var raster = getTileLayer(\"osm\",\"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([6.378,58.213], \"EPSG:4326\", \"EPSG:3857\"),\n\t\t\t\t  zoom: 9\n\t\t\t\t})\n\t\t\t  });\n\t\t\t  \n    var style0 = {\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:\/\/tuiliere-a-ciel-ouvert.fr\/wp-content\/plugins\/osm\/icons\/mic_blue_pinother_02.png\"\n          })\n      })],\n\n      \"LineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"blue\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"blue\",\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\/Maps_itineraryGPX\/GraphHopper-Track-2023-08-29-11km.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 style0[feature.getGeometry().getType()];}\n\t\t  });\n\t\t  map_ol3js_1.addLayer(vectorL0);\n      var extension1 = ol.extent.createEmpty();\n      var curZoom1 = map_ol3js_1.getView().getZoom();\n\n      map_ol3js_1.getLayers().forEach(function(layer){\n         if(!layer.get(\"id\")) {     \n            layer.once(\"change\", function(e){\n               ol.extent.extend(extension1, (layer.getSource().getExtent()));\n               map_ol3js_1.getView().fit(extension1, {padding: [50, 50, 50, 50]});\n            });\n         }\n      });\n\n    \naddControls2Map(map_ol3js_1,0,0,3,1,5,6,7,1,1);\nosm_addPopupClickhandler(map_ol3js_1,  \"map_ol3js_1\"); \nosm_addMouseHover(map_ol3js_1); <\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/graphhopper.com\/maps\/?point=45.347034%2C4.689652&amp;point=45.358389%2C4.700993&amp;point=45.373072%2C4.727482&amp;point=45.349021%2C4.695352&amp;point=45.346943%2C4.689803&amp;profile=bike&amp;layer=Omniscale\">Voir l&#8217;itin\u00e9raire sur GraphHopper<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voir l&#8217;itin\u00e9raire sur GraphHopper<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/pages\/629"}],"collection":[{"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/comments?post=629"}],"version-history":[{"count":17,"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/pages\/629\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/pages\/629\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/tuiliere-a-ciel-ouvert.fr\/index.php\/wp-json\/wp\/v2\/media?parent=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}