{"version":3,"sources":["webpack:///./src/assets/img/tagid.jpg","webpack:///./src/views/IframeGuide.vue?d877","webpack:///src/views/IframeGuide.vue","webpack:///./src/views/IframeGuide.vue?2ba2","webpack:///./src/views/IframeGuide.vue","webpack:///./src/views/IframeGuide.vue?182e"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","action","_v","_m","_e","staticRenderFns","attrs","props","mounted","$HelperFunctions","setScreenReaderFocus","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,0B,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkCC,YAAY,CAAC,aAAa,UAAU,iBAAiB,SAAS,CAAgB,QAAdP,EAAIQ,OAAkBJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAG,4DAA4DL,EAAG,IAAI,CAACJ,EAAIS,GAAG,2JAA2JL,EAAG,SAAS,CAACJ,EAAIS,GAAG,kBAAkBL,EAAG,MAAMJ,EAAIU,GAAG,GAAGV,EAAIU,GAAG,GAAGN,EAAG,IAAI,CAACJ,EAAIS,GAAG,iGAAiGT,EAAIU,GAAG,GAAGN,EAAG,SAAS,CAACJ,EAAIS,GAAG,mBAAmBT,EAAIU,GAAG,GAAGN,EAAG,MAAMA,EAAG,IAAI,CAACJ,EAAIS,GAAG,2FAA2FT,EAAIU,GAAG,GAAGN,EAAG,MAAMA,EAAG,IAAI,CAACJ,EAAIS,GAAG,uFAAuFT,EAAIU,GAAG,GAAGN,EAAG,IAAI,CAACJ,EAAIS,GAAG,8CAA8CT,EAAIU,GAAG,KAAKV,EAAIW,KAAoB,YAAdX,EAAIQ,OAAsBJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAG,gFAAgFL,EAAG,IAAI,CAACJ,EAAIS,GAAG,4LAA4LL,EAAG,SAAS,CAACJ,EAAIS,GAAG,kBAAkBL,EAAG,MAAMA,EAAG,OAAO,CAACJ,EAAIS,GAAG,wGAAwGT,EAAIU,GAAG,GAAGN,EAAG,SAAS,CAACJ,EAAIS,GAAG,mBAAmBT,EAAIU,GAAG,GAAGV,EAAIU,GAAG,GAAGV,EAAIU,GAAG,IAAIN,EAAG,IAAI,CAACJ,EAAIS,GAAG,wCAAwCT,EAAIU,GAAG,IAAIV,EAAIU,GAAG,IAAIV,EAAIU,GAAG,IAAIN,EAAG,IAAI,CAACJ,EAAIS,GAAG,wCAAwCT,EAAIU,GAAG,MAAMV,EAAIW,YAC13DC,EAAkB,CAAC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACJ,EAAIS,GAAG,mFAAmFL,EAAG,MAAMJ,EAAIS,GAAG,8GAA8G,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,8BAA+BL,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,WAAWT,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,YAAYT,EAAIS,GAAG,sEAAwEL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,2BAA2BT,EAAIS,GAAG,+BAAgCT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,8BAA+BL,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,WAAWT,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,YAAYT,EAAIS,GAAG,sEAAwEL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,2BAA2BT,EAAIS,GAAG,qCAAsCT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,4BAA4BT,EAAIS,GAAG,wGAAwGL,EAAG,IAAI,CAACE,YAAY,sBAAsBO,MAAM,CAAC,KAAO,8CAA8C,OAAS,WAAW,CAACb,EAAIS,GAAG,SAAST,EAAIS,GAAG,6MAA6ML,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,YAAYT,EAAIS,GAAG,qIAAqIL,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,aAAaT,EAAIS,GAAG,iIAAiI,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,8JAAkKT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,uJAA2JT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACS,MAAM,CAAC,GAAK,yBAAyB,CAACT,EAAG,SAAS,CAACG,YAAY,CAAC,OAAS,QAAQ,MAAQ,QAAQM,MAAM,CAAC,MAAQ,8BAA8B,IAAM,qFAAqF,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,8BAA+BL,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,WAAWT,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,YAAYT,EAAIS,GAAG,eAAeL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,wBAAwBT,EAAIS,GAAG,8DAAgEL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,iBAAiBT,EAAIS,GAAG,KAAKL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,gBAAgBT,EAAIS,GAAG,KAAKL,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIS,GAAG,iBAAiBT,EAAIS,GAAG,KAAKL,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,gBAAgBT,EAAIS,GAAG,+BAAgCT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,gCAAgCT,EAAIS,GAAG,uHAAuHL,EAAG,MAAMA,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,EAAQ,QAA0B,IAAM,oDAAoDT,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAG,YAAYT,EAAIS,GAAG,qIAAqIL,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,aAAaT,EAAIS,GAAG,8HAA8HL,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,aAAaT,EAAIS,GAAG,gPAAoPL,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,+BAA+BT,EAAIS,GAAG,iIAAiIL,EAAG,MAAMJ,EAAIS,GAAG,0NAA0NL,EAAG,IAAI,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACJ,EAAIS,GAAG,+FAA+FL,EAAG,OAAO,CAACJ,EAAIS,GAAG,yHAA4HL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,SAAST,EAAIS,GAAG,0DAA2DL,EAAG,IAAI,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACJ,EAAIS,GAAG,gGAAgGL,EAAG,OAAO,CAACJ,EAAIS,GAAG,yHAA4HL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,aAAaT,EAAIS,GAAG,0DAA2DL,EAAG,IAAI,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACJ,EAAIS,GAAG,iGAAiGL,EAAG,OAAO,CAACJ,EAAIS,GAAG,yHAA4HL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,gBAAgBT,EAAIS,GAAG,0DAA2DL,EAAG,IAAI,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACJ,EAAIS,GAAG,2GAA2GL,EAAG,OAAO,CAACJ,EAAIS,GAAG,yHAA4HL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,SAAST,EAAIS,GAAG,4DAA6DL,EAAG,KAAK,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIS,GAAG,8EAA8ET,EAAIS,GAAG,4HAA4HL,EAAG,MAAMJ,EAAIS,GAAG,+GAA+GL,EAAG,IAAI,CAACE,YAAY,sBAAsBO,MAAM,CAAC,KAAO,8CAA8C,OAAS,WAAW,CAACT,EAAG,SAAS,CAACJ,EAAIS,GAAG,WAAWT,EAAIS,GAAG,oHAAoHL,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIS,GAAG,2BAA2BT,EAAIS,GAAG,wFAAwFL,EAAG,MAAMJ,EAAIS,GAAG,mOAAmOL,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIS,GAAG,UAAUL,EAAG,MAAMJ,EAAIS,GAAG,iBAAiBL,EAAG,SAAS,CAACJ,EAAIS,GAAG,UAAUT,EAAIS,GAAG,qCAAqCL,EAAG,MAAMJ,EAAIS,GAAG,oCAAoCL,EAAG,SAAS,CAACJ,EAAIS,GAAG,UAAUT,EAAIS,GAAG,oCAAoCL,EAAG,MAAMJ,EAAIS,GAAG,wFAAwFL,EAAG,MAAMJ,EAAIS,GAAG,mEAAmEL,EAAG,MAAMJ,EAAIS,GAAG,mGAAmGL,EAAG,MAAMJ,EAAIS,GAAG,4HAA4H,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACA,EAAG,SAAS,CAACJ,EAAIS,GAAG,0DAA0D,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,wKAA4KT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACS,MAAM,CAAC,GAAK,+BAA+B,CAACT,EAAG,SAAS,CAACG,YAAY,CAAC,OAAS,QAAQ,MAAQ,OAAO,OAAS,qBAAqBM,MAAM,CAAC,MAAQ,+CAA+C,IAAM,8DAA8D,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACA,EAAG,SAAS,CAACJ,EAAIS,GAAG,2FAA2F,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACJ,EAAIS,GAAG,+MAAmNT,EAAIS,GAAG,mBAAmB,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACS,MAAM,CAAC,GAAK,4BAA4B,CAACT,EAAG,SAAS,CAACG,YAAY,CAAC,OAAS,QAAQ,MAAQ,OAAO,OAAS,qBAAqBM,MAAM,CAAC,MAAQ,+CAA+C,IAAM,4GCuJ9qV,GACEC,MAAO,CACLN,OAAQ,IAEVO,QAJF,WAKId,KAAKe,iBAAiBC,yBC7J2T,I,wBCQjVC,EAAY,eACd,EACAnB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,2CCnBf,yBAA0e,EAAG,G","file":"js/chunk-f9619046.ed56e382.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/tagid.e5f8190f.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 white-box no-pad-both-xs\",staticStyle:{\"max-height\":\"inherit\",\"padding-bottom\":\"80px\"}},[(_vm.action == 'rute')?_c('div',{staticClass:\"col-12\"},[_c('h3',[_vm._v(\"Sådan får du vist vej i Odense Rundt på din hjemmeside\")]),_c('p',[_vm._v(\"Har du en ’Sådan finder du vej til os’-side på din hjemmeside, kan du iframe et kort fra Odense Rundt på din hjemmeside, med link til rutevejledning.\")]),_c('strong',[_vm._v(\"Sådan gør du\")]),_c('br'),_vm._m(0),_vm._m(1),_c('p',[_vm._v(\"Dette link, hvis du ønsker at det blot er bestemmelsesstedet, der er plottet ind på kortet:\")]),_vm._m(2),_c('strong',[_vm._v(\"Du skal rette\")]),_vm._m(3),_c('br'),_c('p',[_vm._v(\"Eksempel på en iframet kortvisning kode med slutpunktet Nørregade 36 med koordinater.\")]),_vm._m(4),_c('br'),_c('p',[_vm._v(\"Eksempel på en iframet kortvisning kode med slutpunktet Nørregade 36 med adresse.\")]),_vm._m(5),_c('p',[_vm._v(\"Begge eksempler giver følgende resultat.\")]),_vm._m(6)]):_vm._e(),(_vm.action == 'oversigt')?_c('div',{staticClass:\"col-12\"},[_c('h3',[_vm._v(\"Sådan får du vist et overblik over steder i Odense Rundt på din hjemmeside\")]),_c('p',[_vm._v(\"Handler din hjemmeside om noget, der findes flere steder rundt om i Odense, kan du få vist overblik over stederne ved at iframe kortet med stederne fra Odense Rundt på din hjemmeside\")]),_c('strong',[_vm._v(\"Sådan gør du\")]),_c('br'),_c('span',[_vm._v(\" I html-koden på den side, hvor du vil have vist overblik over stederne, indsætter du dette link: \")]),_vm._m(7),_c('strong',[_vm._v(\"Du skal rette\")]),_vm._m(8),_vm._m(9),_vm._m(10),_c('p',[_vm._v(\"Eksemplet giver følgende resultat.\")]),_vm._m(11),_vm._m(12),_vm._m(13),_c('p',[_vm._v(\"Eksemplet giver følgende resultat.\")]),_vm._m(14)]):_vm._e()])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" I html-koden på den side, hvor du vil have vist vej til et sted, indsætter du:\"),_c('br'),_vm._v(\" Dette link, hvis du ønsker at der automatisk vises vej fra brugerens position til bestemmelsesstedet: \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: \"),_c('span',{staticClass:\"green\"},[_vm._v(\"HØJDE\")]),_vm._v(\"px;width: \"),_c('span',{staticClass:\"purple\"},[_vm._v(\"BREDDE\")]),_vm._v(\"%;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe#directions/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"KOORDINATER / ADRESSE\")]),_vm._v(\"\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: \"),_c('span',{staticClass:\"green\"},[_vm._v(\"HØJDE\")]),_vm._v(\"px;width: \"),_c('span',{staticClass:\"purple\"},[_vm._v(\"BREDDE\")]),_vm._v(\"%;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe#directions/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"KOORDINATER / ADRESSE\")]),_vm._v(\"/false\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',[_c('li',[_c('span',{staticClass:\"pink\"},[_vm._v(\"KOORDINATER / ADRESSE:\")]),_vm._v(\" Slutpunktets koordinater. Koordinaterne skal skrives LÆNGDE,BREDDE. Ønskede koordinater kan findes \"),_c('a',{staticClass:\"blue-text underline\",attrs:{\"href\":\"https://apps.odenserundt.dk/findkoordinater\",\"target\":\"_blank\"}},[_vm._v(\"her\")]),_vm._v(\". Du kan også skrive en adresse i stedet. Adressen skal skrives: Vejnavn Husnummer, f.eks. Nørregade 36. Indeholder dit husnummer et bogstav, f.eks. Albani Torv 2B, skal bogstavet skrives med stort. \")]),_c('li',[_c('span',{staticClass:\"green\"},[_vm._v(\"HØJDE:\")]),_vm._v(\" Højden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet højde er minimum 500px\")]),_c('li',[_c('span',{staticClass:\"purple\"},[_vm._v(\"BREDDE:\")]),_vm._v(\" Bredden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet bredde er 100%\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: 500px;width: 100%;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe#directions/55.398535,10.387601\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: 500px;width: 100%;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe#directions/nørregade 36\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"route-iframe-example\"}},[_c('iframe',{staticStyle:{\"height\":\"500px\",\"width\":\"100%\"},attrs:{\"title\":\"Iframe rutevisning eksempel\",\"src\":\"https://apps.odenserundt.dk/odenserundtiframe#directions/55.398535,10.387601\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: \"),_c('span',{staticClass:\"green\"},[_vm._v(\"HØJDE\")]),_vm._v(\"px;width: \"),_c('span',{staticClass:\"purple\"},[_vm._v(\"BREDDE\")]),_vm._v(\"%; border: \"),_c('span',{staticClass:\"blue\"},[_vm._v(\"1px solid #565656;\")]),_vm._v(\"\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"EMNE nummer\")]),_vm._v(\"/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"FILTRERING\")]),_vm._v(\"/\"),_c('span',{staticClass:\"light-green\"},[_vm._v(\"CENTERPUNKT\")]),_vm._v(\"/\"),_c('span',{staticClass:\"yellow\"},[_vm._v(\"ZOOMNIVEAU\")]),_vm._v(\"\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',[_c('li',[_c('span',{staticClass:\"pink\"},[_vm._v(\"EMNE nummer(Obligatorisk):\")]),_vm._v(\" Nummeret på det, du ønsker vise. Du finder nummeret sidst i URL’en på Odense Rundt – Playspots har fx nummeret 69:\"),_c('br'),_c('img',{attrs:{\"src\":require(\"@/assets/img/tagid.jpg\"),\"alt\":\"Billede eksempel af hvordan tag værdi findes\"}})]),_c('li',[_c('span',{staticClass:\"green\"},[_vm._v(\"HØJDE:\")]),_vm._v(\" Højden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet højde er minimum 500px\")]),_c('li',[_c('span',{staticClass:\"purple\"},[_vm._v(\"BREDDE:\")]),_vm._v(\" Bredden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet bredde er 100%\")]),_c('li',[_c('span',{staticClass:\"blue\"},[_vm._v(\"BORDER:\")]),_vm._v(\" Kanten rundt på iframen. Tykkelsen ændres ved at ændre det første tal. Farven kan ændres ved at ændre den sidste værdi (#565656). Farven skal defineres i enten hex eller RGB. Ønskes der ingen kant, erstattets værdien \\\"1px\\\" med \\\"none\\\"\")]),_c('li',[_c('span',{staticClass:\"pink\"},[_vm._v(\"FILTRERING(Obligatorisk):\")]),_vm._v(\" På emner, der omhandler trafikale ændringer, kan du vælge kun at vise ting, der relaterer sig til en bestemt trafikkanttype.\"),_c('br'),_vm._v(\" Dette gøres ved at tilføje enten 'car', 'bicycle' eller 'pedestrian' til iframe-koden. Hvis alle tre trafikkanttyper skal vises, tilføjes 'all'. På emner, der ikke omhandler trafikale ændringer, tilføjes 'false'. \"),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_c('strong',[_vm._v(\"Kode eksempel på en iframet oversigt over vejarbejder der påvirker bilister i midtbyen.\")])]),_c('code',[_vm._v(\"<iframe style=\\\"height: 500px;width: 100%; border: none;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"car\")]),_vm._v(\"/55.39215271410575,10.386500358581545/13\\\"></iframe> \")]),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_c('strong',[_vm._v(\"Kode eksempel på en iframet oversigt over vejarbejder der påvirker cyklister i midtbyen.\")])]),_c('code',[_vm._v(\"<iframe style=\\\"height: 500px;width: 100%; border: none;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"bicycle\")]),_vm._v(\"/55.39215271410575,10.386500358581545/13\\\"></iframe> \")]),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_c('strong',[_vm._v(\"Kode eksempel på en iframet oversigt over vejarbejder der påvirker fodgængere i midtbyen.\")])]),_c('code',[_vm._v(\"<iframe style=\\\"height: 500px;width: 100%; border: none;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"pedestrian\")]),_vm._v(\"/55.39215271410575,10.386500358581545/13\\\"></iframe> \")]),_c('p',{staticStyle:{\"margin-top\":\"10px\"}},[_c('strong',[_vm._v(\"Kode eksempel på en iframet oversigt over vejarbejder der påvirker alle trafikkanttyper i midtbyen.\")])]),_c('code',[_vm._v(\"<iframe style=\\\"height: 500px;width: 100%; border: none;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/\"),_c('span',{staticClass:\"pink\"},[_vm._v(\"all\")]),_vm._v(\"/55.39215271410575,10.386500358581545/13\\\"></iframe> \")])]),_c('li',{staticStyle:{\"margin-top\":\"10px\"}},[_c('span',{staticClass:\"light-green\"},[_vm._v(\"CENTERPUNKT(Valgfrit, men obligatorisk hvis der udfyldes et zoomniveau):\")]),_vm._v(\" Centerpunktet for det viste kort. Udfyldes som længde- og breddegrad adskilt af et komma. Eksempel: 55.473568,10.460920\"),_c('br'),_vm._v(\"Koordinaterne skal adskilles af komma, og der må ikke være nogen mellemrum. Ønskede koordinater kan findes \"),_c('a',{staticClass:\"underline blue-text\",attrs:{\"href\":\"https://apps.odenserundt.dk/findkoordinater\",\"target\":\"_blank\"}},[_c('strong',[_vm._v(\"her\")])]),_vm._v(\". Udfyldes ikke et centerpunkt, vil kortet bruge et automatisk centerpunkt, hvor alle steder vises på kortet. \")]),_c('li',[_c('span',{staticClass:\"yellow\"},[_vm._v(\"ZOOMNIVEAU(Valgfrit):\")]),_vm._v(\" Hvor langt kortet er zoomet ind fra starten. Udfyldes som en værdi mellem 10 og 18.\"),_c('br'),_vm._v(\" 10 er til det store overblik, hvor hele eller det meste af Fyn er synligt. 18 er til fokus på et meget lille område, feks. et bestemt stykke af en vej. Til et generelt overblik over et område anbefales 15 som zoomniveau.\")]),_c('li',[_c('strong',[_vm._v(\"OBS:\")]),_c('br'),_vm._v(\"Mulighederne \"),_c('strong',[_vm._v(\"skal\")]),_vm._v(\" udfyldes i den viste rækkefølge.\"),_c('br'),_vm._v(\" For at kunne udfylde en værdi, \"),_c('strong',[_vm._v(\"skal\")]),_vm._v(\" den forrige værdi være udfyldt.\"),_c('br'),_vm._v(\" Du kan f.eks. ikke udfylde værdien 'centerpunkt' uden at have udfyldt 'filtrering'.\"),_c('br'),_vm._v(\" Ønsker du ikke nogen filtrering, kan du bruge værdien 'false'.\"),_c('br'),_vm._v(\" Det er ligeledes obligatorisk at udfylde 'centerpunkt', hvis du ønsker at sætte et zoomniveau.\"),_c('br'),_vm._v(\" Værdien 'zoomniveau' er ikke obligatorisk at udfylde. Hvis den undlades, vil værdien 15 blive brugt som standard. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('strong',[_vm._v(\"Eksempel på en iframet oversigt over legepladser.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: 500px;width: 100%; border: 1px solid #565656;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/39/false\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"playgrounds-iframe-example\"}},[_c('iframe',{staticStyle:{\"height\":\"500px\",\"width\":\"100%\",\"border\":\"1px solid #565656\"},attrs:{\"title\":\"Iframe eksempel på oversigt over legepladser\",\"src\":\"https://apps.odenserundt.dk/odenserundtiframe/#tag/39\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('strong',[_vm._v(\"Eksempel på en iframet oversigt over vejarbejder der påvirker bilister i midtbyen.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',[_vm._v(\"\\t\\t\\t\\t\\t\\t\"),_c('code',[_vm._v(\"\\n <iframe style=\\\"height: 500px;width: 100%; border: 1px solid #565656;\\\" src=\\\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/car/55.39215271410575,10.386500358581545/13\\\"></iframe>\\n\\t\\t\\t\\t\\t\\t\")]),_vm._v(\"\\n\\t\\t\\t\\t\\t\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"roadwork-iframe-example\"}},[_c('iframe',{staticStyle:{\"height\":\"500px\",\"width\":\"100%\",\"border\":\"1px solid #565656\"},attrs:{\"title\":\"Iframe eksempel på oversigt over vejarbejder\",\"src\":\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/car/55.39215271410575,10.386500358581545/13\"}})])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n  <main class=\"container\">\r\n  \t<div class=\"row\">\r\n  \t\t<div class=\"col-12 white-box no-pad-both-xs\" style=\"max-height: inherit; padding-bottom: 80px;\">\r\n\r\n  \t\t\t<div class=\"col-12\" v-if=\"action == 'rute'\">\r\n\r\n\t\t\t\t\t<h3>Sådan får du vist vej i Odense Rundt på din hjemmeside</h3>\r\n\t\t\t\t\t<p>Har du en ’Sådan finder du vej til os’-side på din hjemmeside, kan du iframe et kort fra Odense Rundt på din hjemmeside, med link til rutevejledning.</p>\r\n\r\n\t\t\t\t\t<strong>Sådan gør du</strong><br>\r\n\t\t\t\t\t<p>\r\n            I html-koden på den side, hvor du vil have vist vej til et sted, indsætter du:<br>\r\n\t\t\t\t\t\tDette link, hvis du ønsker at der automatisk vises vej fra brugerens position til bestemmelsesstedet:\r\n\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: <span class=\"green\">HØJDE</span>px;width: <span class=\"purple\">BREDDE</span>%;\" src=\"https://apps.odenserundt.dk/odenserundtiframe#directions/<span class=\"pink\">KOORDINATER / ADRESSE</span>\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<p>Dette link, hvis du ønsker at det blot er bestemmelsesstedet, der er plottet ind på kortet:</p>\r\n\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: <span class=\"green\">HØJDE</span>px;width: <span class=\"purple\">BREDDE</span>%;\" src=\"https://apps.odenserundt.dk/odenserundtiframe#directions/<span class=\"pink\">KOORDINATER / ADRESSE</span>/false\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<strong>Du skal rette</strong>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t<li><span class=\"pink\">KOORDINATER / ADRESSE:</span> Slutpunktets koordinater. Koordinaterne skal skrives LÆNGDE,BREDDE. Ønskede koordinater kan findes <a href=\"https://apps.odenserundt.dk/findkoordinater\" target=\"_blank\" class=\"blue-text underline\">her</a>.\r\n\t\t\t\t\t\t\tDu kan også skrive en adresse i stedet. Adressen skal skrives: Vejnavn Husnummer, f.eks. Nørregade 36. Indeholder dit husnummer et bogstav, f.eks. Albani Torv 2B, skal bogstavet skrives med stort.\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<li><span class=\"green\">HØJDE:</span> Højden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet højde er minimum 500px</li>\r\n\t\t\t\t\t\t<li><span class=\"purple\">BREDDE:</span> Bredden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet bredde er 100%</li>\r\n\t\t\t\t\t</ul>\r\n          <br>\r\n\t\t\t\t\t<p>Eksempel på en iframet kortvisning kode med slutpunktet Nørregade 36 med koordinater.</p>\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: 500px;width: 100%;\" src=\"https://apps.odenserundt.dk/odenserundtiframe#directions/55.398535,10.387601\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n          <br>\r\n\t\t\t\t\t<p>Eksempel på en iframet kortvisning kode med slutpunktet Nørregade 36 med adresse.</p>\r\n\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: 500px;width: 100%;\" src=\"https://apps.odenserundt.dk/odenserundtiframe#directions/nørregade 36\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<p>Begge eksempler giver følgende resultat.</p>\r\n          <div id=\"route-iframe-example\">\r\n            <iframe title=\"Iframe rutevisning eksempel\" style=\"height: 500px; width: 100%;\" src=\"https://apps.odenserundt.dk/odenserundtiframe#directions/55.398535,10.387601\"></iframe>\r\n          </div>\r\n  \t\t\t</div>\r\n\r\n  \t\t\t<!-- Oversigt -->\r\n  \t\t\t<div class=\"col-12\" v-if=\"action == 'oversigt'\">\r\n  \t\t\t\t<h3>Sådan får du vist et overblik over steder i Odense Rundt på din hjemmeside</h3>\r\n  \t\t\t\t<p>Handler din hjemmeside om noget, der findes flere steder rundt om i Odense, kan du få vist overblik over stederne ved at iframe kortet med stederne fra Odense Rundt på din hjemmeside</p>\r\n\r\n\t\t\t\t\t<strong>Sådan gør du</strong><br>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\tI html-koden på den side, hvor du vil have vist overblik over stederne, indsætter du dette link:\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: <span class=\"green\">HØJDE</span>px;width: <span class=\"purple\">BREDDE</span>%; border: <span class=\"blue\">1px solid #565656;</span>\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/<span class=\"pink\">EMNE nummer</span>/<span class=\"pink\">FILTRERING</span>/<span class=\"light-green\">CENTERPUNKT</span>/<span class=\"yellow\">ZOOMNIVEAU</span>\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<strong>Du skal rette</strong>\r\n\t\t\t\t\t<ul>\r\n  \t\t\t\t\t<li><span class=\"pink\">EMNE nummer(Obligatorisk):</span> Nummeret på det, du ønsker vise. Du finder nummeret sidst i URL’en på Odense Rundt – Playspots har fx nummeret 69:<br>\r\n  \t\t\t\t\t\t<img src=\"@/assets/img/tagid.jpg\" alt=\"Billede eksempel af hvordan tag værdi findes\">\r\n  \t\t\t\t\t</li>\r\n  \t\t\t\t\t<li><span class=\"green\">HØJDE:</span> Højden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet højde er minimum 500px</li>\r\n  \t\t\t\t\t<li><span class=\"purple\">BREDDE:</span> Bredden på iframen defineret i pixel eller procent. Talværdien skal have ‘px’ eller ‘%’ bagpå. Anbefalet bredde er 100%</li>\r\n  \t\t\t\t\t<li><span class=\"blue\">BORDER:</span> Kanten rundt på iframen. Tykkelsen ændres ved at ændre det første tal. Farven kan ændres ved at ændre den sidste værdi (#565656). Farven skal defineres i enten hex eller RGB. Ønskes der ingen kant, erstattets værdien \"1px\" med \"none\"</li>\r\n  \t\t\t\t\t<li><span class=\"pink\">FILTRERING(Obligatorisk):</span> På emner, der omhandler trafikale ændringer, kan du vælge kun at vise ting, der relaterer sig til en bestemt trafikkanttype.<br>\r\n  \t\t\t\t\t\tDette gøres ved at tilføje enten 'car', 'bicycle' eller 'pedestrian' til iframe-koden. Hvis alle tre trafikkanttyper skal vises, tilføjes 'all'. På emner, der ikke omhandler trafikale ændringer, tilføjes 'false'.\r\n  \t\t\t\t\t\t<p style=\"margin-top: 10px;\">\r\n  \t\t\t\t\t\t\t<strong>Kode eksempel på en iframet oversigt over vejarbejder der påvirker bilister i midtbyen.</strong>\r\n  \t\t\t\t\t\t</p>\r\n  \t\t\t\t\t\t<code>&lt;iframe style=\"height: 500px;width: 100%; border: none;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/<span class=\"pink\">car</span>/55.39215271410575,10.386500358581545/13\"&gt;&lt;/iframe&gt;\r\n  \t\t\t\t\t\t</code>\r\n  \t\t\t\t\t\t<p style=\"margin-top: 10px;\">\r\n  \t\t\t\t\t\t\t<strong>Kode eksempel på en iframet oversigt over vejarbejder der påvirker cyklister i midtbyen.</strong>\r\n  \t\t\t\t\t\t</p>\r\n  \t\t\t\t\t\t<code>&lt;iframe style=\"height: 500px;width: 100%; border: none;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/<span class=\"pink\">bicycle</span>/55.39215271410575,10.386500358581545/13\"&gt;&lt;/iframe&gt;\r\n  \t\t\t\t\t\t</code>\r\n  \t\t\t\t\t\t<p style=\"margin-top: 10px;\">\r\n  \t\t\t\t\t\t\t<strong>Kode eksempel på en iframet oversigt over vejarbejder der påvirker fodgængere i midtbyen.</strong>\r\n  \t\t\t\t\t\t</p>\r\n  \t\t\t\t\t\t<code>&lt;iframe style=\"height: 500px;width: 100%; border: none;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/<span class=\"pink\">pedestrian</span>/55.39215271410575,10.386500358581545/13\"&gt;&lt;/iframe&gt;\r\n  \t\t\t\t\t\t</code>\r\n  \t\t\t\t\t\t<p style=\"margin-top: 10px;\">\r\n  \t\t\t\t\t\t\t<strong>Kode eksempel på en iframet oversigt over vejarbejder der påvirker alle trafikkanttyper i midtbyen.</strong>\r\n  \t\t\t\t\t\t</p>\r\n  \t\t\t\t\t\t<code >&lt;iframe style=\"height: 500px;width: 100%; border: none;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/<span class=\"pink\">all</span>/55.39215271410575,10.386500358581545/13\"&gt;&lt;/iframe&gt;\r\n  \t\t\t\t\t\t</code>\r\n  \t\t\t\t\t</li>\r\n  \t\t\t\t\t<li style=\"margin-top: 10px;\"><span class=\"light-green\">CENTERPUNKT(Valgfrit, men obligatorisk hvis der udfyldes et zoomniveau):</span> Centerpunktet for det viste kort. Udfyldes som længde- og breddegrad adskilt af et komma. Eksempel: 55.473568,10.460920<br>Koordinaterne skal adskilles af komma, og der må ikke være nogen mellemrum. Ønskede koordinater kan findes <a href=\"https://apps.odenserundt.dk/findkoordinater\" target=\"_blank\" class=\"underline blue-text\"><strong>her</strong></a>.\r\n  \t\t\t\t\t\tUdfyldes ikke et centerpunkt, vil kortet bruge et automatisk centerpunkt, hvor alle steder vises på kortet.\r\n  \t\t\t\t\t</li>\r\n  \t\t\t\t\t<li><span class=\"yellow\">ZOOMNIVEAU(Valgfrit):</span> Hvor langt kortet er zoomet ind fra starten. Udfyldes som en værdi mellem 10 og 18.<br> 10 er til det store overblik, hvor hele eller det meste af Fyn er synligt. 18 er til fokus på et meget lille område, feks. et bestemt stykke af en vej. Til et generelt overblik over et område anbefales 15 som zoomniveau.</li>\r\n  \t\t\t\t\t<li><strong>OBS:</strong><br>Mulighederne <strong>skal</strong> udfyldes i den viste rækkefølge.<br>\r\n  \t\t\t\t\tFor at kunne udfylde en værdi, <strong>skal</strong> den forrige værdi være udfyldt.<br>\r\n  \t\t\t\t\tDu kan f.eks. ikke udfylde værdien 'centerpunkt' uden at have udfyldt 'filtrering'.<br>\r\n  \t\t\t\t\tØnsker du ikke nogen filtrering, kan du bruge værdien 'false'.<br>\r\n  \t\t\t\t\tDet er ligeledes obligatorisk at udfylde 'centerpunkt', hvis du ønsker at sætte et zoomniveau.<br>\r\n  \t\t\t\t\tVærdien 'zoomniveau' er ikke obligatorisk at udfylde. Hvis den undlades, vil værdien 15 blive brugt som standard.\r\n  \t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t<p><strong>Eksempel på en iframet oversigt over legepladser.</strong></p>\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: 500px;width: 100%; border: 1px solid #565656;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/39/false\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<p>Eksemplet giver følgende resultat.</p>\r\n\t\t\t\t\t<div id=\"playgrounds-iframe-example\">\r\n            <iframe title=\"Iframe eksempel på oversigt over legepladser\" style=\"height: 500px;width: 100%; border: 1px solid #565656;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/39\"></iframe>\r\n          </div>\r\n\r\n\r\n\t\t\t\t\t<p><strong>Eksempel på en iframet oversigt over vejarbejder der påvirker bilister i midtbyen.</strong></p>\r\n\t\t\t\t\t<pre>\r\n\t\t\t\t\t\t<code>\r\n &lt;iframe style=\"height: 500px;width: 100%; border: 1px solid #565656;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/car/55.39215271410575,10.386500358581545/13\"&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t</code>\r\n\t\t\t\t\t</pre>\r\n\r\n\t\t\t\t\t<p>Eksemplet giver følgende resultat.</p>\r\n\t\t\t\t\t<div id=\"roadwork-iframe-example\">\r\n            <iframe title=\"Iframe eksempel på oversigt over vejarbejder\" style=\"height: 500px;width: 100%; border: 1px solid #565656;\" src=\"https://apps.odenserundt.dk/odenserundtiframe/#tag/115/car/55.39215271410575,10.386500358581545/13\"></iframe>\r\n          </div>\r\n\t\t\t\t</div>\r\n\r\n  \t\t</div>\r\n  \t</div>\r\n  </main>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    action: {}\r\n  },\r\n  mounted() {\r\n    this.$HelperFunctions.setScreenReaderFocus();\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n  ul {\r\n    list-style: initial;\r\n    margin: initial;\r\n    padding: 0 0 0 40px;\r\n  }\r\n\r\n  ul li {\r\n    display: list-item;\r\n  }\r\n\r\n  pre {\r\n    background-color: #f9f9f9;\r\n    border: 1px solid #ddd;\r\n  }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeGuide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IframeGuide.vue?vue&type=template&id=2b1f8b27&scoped=true&lang=html&\"\nimport script from \"./IframeGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./IframeGuide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IframeGuide.vue?vue&type=style&index=0&id=2b1f8b27&lang=css&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b1f8b27\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeGuide.vue?vue&type=style&index=0&id=2b1f8b27&lang=css&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeGuide.vue?vue&type=style&index=0&id=2b1f8b27&lang=css&scoped=true&\""],"sourceRoot":""}