{"id":4643,"date":"2015-03-21T07:56:05","date_gmt":"2015-03-21T06:56:05","guid":{"rendered":"http:\/\/www.velocanauxdodo.fr\/?page_id=4643"},"modified":"2024-11-05T09:50:09","modified_gmt":"2024-11-05T08:50:09","slug":"carte-interactive","status":"publish","type":"page","link":"http:\/\/www.velocanauxdodo.fr\/?page_id=4643","title":{"rendered":"Carte int\u00e9ractive"},"content":{"rendered":"<p><em>Ci apr\u00e8s la carte des randonn\u00e9es d\u00e9crites sur le site. <\/em><\/p>\n<p><strong><em>Les boutons de couleur sous la carte permettent d&rsquo;afficher ou cacher les couches.<\/em><\/strong><\/p>\n<p><i>Cliquez sur un tron\u00e7on et d\u00e9couvrez dans la bulle le nom de la voie et les liens<br style=\"text-align: left; color: #333333; text-transform: none; line-height: 24px; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px; background-color: transparent;\"><\/i> <em style=\"background-color: transparent; color: #333333; font-family: Georgia,&amp;quot; times new roman&amp;quot;,&amp;quot;bitstream charter&amp;quot;,times,serif; font-size: 16px; font-style: italic; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;\"> vers les pages de description du parcours.<\/em><b><\/b><i><\/i><u><\/u><\/p>\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:850px; display:block; overflow:hidden;border:thin solid grey;\" >\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\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  \n\t\t\t\t\t<div id=\"osmLayerSelect\">\n\t\t\t\t\t<h5>Click title to show track<\/h5>\n\n\t\t\t\t\t\t<span id=\"layerBox0map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"0\" data-active=\"false\" data-layer_title=\"Chemins de Halages\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:purple\"><\/span><span class=\"padding1em\">Chemins de Halages<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t\t\t<span id=\"layerBox1map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"1\" data-active=\"false\" data-layer_title=\"Voies-Vertes &amp; V\u00e9loroutes\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:green\"><\/span><span class=\"padding1em\">Voies-Vertes &amp; V\u00e9loroutes<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t\t\t<span id=\"layerBox2map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"2\" data-active=\"false\" data-layer_title=\"Dans la roue d'Henri\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:red\"><\/span><span class=\"padding1em\">Dans la roue d'Henri<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t\t\t<span id=\"layerBox3map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"3\" data-active=\"false\" data-layer_title=\"Croisi\u00e8res mixtes v\u00e9lo-bateau\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:blue\"><\/span><span class=\"padding1em\">Croisi\u00e8res mixtes v\u00e9lo-bateau<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t\t\t<span id=\"layerBox4map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"4\" data-active=\"false\" data-layer_title=\"Projets\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:yellow\"><\/span><span class=\"padding1em\">Projets<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t\t\t<span id=\"layerBox5map_ol3js_1\" class=\"layerBoxes layerOfmap_ol3js_1\" data-map=\"map_ol3js_1\" data-layer=\"5\" data-active=\"false\" data-layer_title=\"Rigoles\"><i class=\"fa fa-eye-slash\"><\/i><span class=\"layerColor layerColorHidden\" style=\"background-color:turquoise\"><\/span><span class=\"padding1em\">Rigoles<\/span><\/span>\n\t\t\t\t\t\t<br \/>\n\n\t\t\t\t    <!--\n\t\t\t\t\t\t<a id=\"generatedLink\" class=\"generatedLink\" data-map=\"map_ol3js_1\" data-map_name=\"map_ol3js_1\">get link to map with choosen layers<\/a>\n\t\t\t\t\t\t-->\n\t\t\t\t\t<\/div><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([1.979,46.400], \"EPSG:4326\", \"EPSG:3857\"),\n\t\t\t\t  zoom: 6.4\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: \"http:\/\/www.velocanauxdodo.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: \"purple\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"purple\",\n          width: 4\n        })\n      })]\n    };\n\t\t\t\tvectorM['map_ol3js_1'][0] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay0\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/halage030921-1.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});\n    var style1 = {\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: \"http:\/\/www.velocanauxdodo.fr\/wp-content\/plugins\/osm\/icons\/mic_green_pinother_02.png\"\n          })\n      })],\n\n      \"LineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"green\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"green\",\n          width: 4\n        })\n      })]\n    };\n\t\t\t\tvectorM['map_ol3js_1'][1] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay1\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/vvv231023-2.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});\n    var style2 = {\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: \"http:\/\/www.velocanauxdodo.fr\/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\t\tvectorM['map_ol3js_1'][2] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay2\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/Riton.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});\n    var style3 = {\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: \"http:\/\/www.velocanauxdodo.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\t\tvectorM['map_ol3js_1'][3] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay3\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/bateau.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});\n    var style4 = {\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: \"http:\/\/www.velocanauxdodo.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: \"yellow\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"yellow\",\n          width: 4\n        })\n      })]\n    };\n\t\t\t\tvectorM['map_ol3js_1'][4] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay4\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/afaire191023-1.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});\n    var style5 = {\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: \"http:\/\/www.velocanauxdodo.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: \"turquoise\",\n          width: 8\n        })\n      })],\n      \"MultiLineString\": [new ol.style.Style({\n        stroke: new ol.style.Stroke({\n          color: \"turquoise\",\n          width: 4\n        })\n      })]\n    };\n\t\t\t\tvectorM['map_ol3js_1'][5] = new ol.layer.Vector({\n\t\t\t\t\toptions: {title: \"overlay5\"},\n\t\t\t\t\tsource: new ol.source.Vector({\n\t\t\t\t\t\turl:\"..\/..\/..\/..\/wp-content\/gpstraces\/rigole121021-2.kml\",\n\t\t\t\t\t\tformat: new ol.format.KML({ showPointNames: false})\n\t\t\t\t\t}),\n               zIndex: 92\n\t\t\t\t});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>\n","protected":false},"excerpt":{"rendered":"<p>Ci apr\u00e8s la carte des randonn\u00e9es d\u00e9crites sur le site. <\/p>\n<p>Les boutons de couleur sous la carte permettent d&rsquo;afficher ou cacher les couches.<\/p>\n<p>Cliquez sur un tron\u00e7on et d\u00e9couvrez dans la bulle le nom de la voie et les liens vers les pages de description du parcours.<\/p>\n<p> translations[&lsquo;openlayer&rsquo;] = \u00ab\u00a0open layer\u00a0\u00bb; translations[&lsquo;openlayerAtStartup&rsquo;] = \u00ab\u00a0open [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1467,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-4643","page","type-page","status-publish","hentry","odd"],"_links":{"self":[{"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/pages\/4643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4643"}],"version-history":[{"count":117,"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/pages\/4643\/revisions"}],"predecessor-version":[{"id":8050,"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/pages\/4643\/revisions\/8050"}],"up":[{"embeddable":true,"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=\/wp\/v2\/pages\/1467"}],"wp:attachment":[{"href":"http:\/\/www.velocanauxdodo.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}