{"id":102,"date":"2020-01-01T15:09:56","date_gmt":"2020-01-01T15:09:56","guid":{"rendered":"http:\/\/localhost\/demo\/?page_id=30"},"modified":"2026-04-17T07:05:07","modified_gmt":"2026-04-17T04:05:07","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"102\" class=\"elementor elementor-102\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2e66ae e-flex e-con-boxed e-con e-parent\" data-id=\"d2e66ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n\t\t<div class=\"elementor-element elementor-element-9d9a6a2 elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"9d9a6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id =\"9d9a6a2\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h6 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">\u00dcyemiz Tesisler<\/span><\/span><\/h6><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d50b07 elementor-widget elementor-widget-html\" data-id=\"8d50b07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .sf-map-wrap{max-width:1200px;margin:0 auto;padding:10px}\r\n  .sf-map{width:100%;height:auto;display:block}\r\n\r\n  \/* Tema override'\u0131n\u0131 ez *\/\r\n  #sfSvgMap rect:hover{\r\n    fill:#213787 !important;\r\n  }\r\n\r\n  \/* Deniz alan\u0131 mouse almaz *\/\r\n  .sf-sea{\r\n    fill:#213787 !important;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .sf-land-bg{\r\n    fill:#2b4f68;\r\n    stroke:#1e3a50;\r\n    stroke-width:.6;\r\n  }\r\n\r\n  .sf-tr-province{\r\n    fill:#417961;\r\n    stroke:#2f5e4e;\r\n    stroke-width:.7;\r\n    transition:fill .25s ease, filter .25s ease, opacity .25s ease;\r\n  }\r\n\r\n  .sf-tr-province.sf-muted{\r\n    fill:#417961;\r\n    opacity:.85;\r\n  }\r\n\r\n  .sf-region-marmara{fill:#6fb1d6}\r\n  .sf-region-ege{fill:#1E6BB8}\r\n  .sf-region-akdeniz{fill:#e3b07a}\r\n\r\n  .sf-label{\r\n    font:600 11px -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial;\r\n    fill:#ffffff;\r\n    opacity:.9;\r\n    pointer-events:none;\r\n  }\r\n  .sf-label-small{font-size:10px;opacity:.85}\r\n  .sf-sea-label{\r\n    fill:#ffffff;\r\n    opacity:.7;\r\n    font-weight:700;\r\n  }\r\n\r\n  @media (max-width:680px){\r\n    .sf-label{font-size:9px}\r\n    .sf-label-small{font-size:8px}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sf-map-wrap\">\r\n  <svg id=\"sfSvgMap\" class=\"sf-map\" viewBox=\"0 0 1200 760\" preserveAspectRatio=\"xMidYMid meet\">\r\n    <rect class=\"sf-sea\" x=\"0\" y=\"0\" width=\"1200\" height=\"760\"><\/rect>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/topojson-client@3\"><\/script>\r\n\r\n<script>\r\n(function(){\r\n  const svg = d3.select(\"#sfSvgMap\");\r\n  const W = 1200, H = 760;\r\n\r\n  const REGION_LINK = {\r\n    marmara: \"\/denizturizmbirligi\/lokasyon\/marmara-denizi\/\",\r\n    ege: \"\/denizturizmbirligi\/lokasyon\/ege-denizi\/\",\r\n    akdeniz: \"\/denizturizmbirligi\/lokasyon\/akdeniz\/\"\r\n  };\r\n\r\n  const MARMARA = new Set([\"\u0130stanbul\",\"Kocaeli\",\"Yalova\",\"Bursa\",\"Bal\u0131kesir\",\"\u00c7anakkale\",\"Tekirda\u011f\",\"Edirne\",\"K\u0131rklareli\"]);\r\n  const EGE = new Set([\"\u0130zmir\",\"Ayd\u0131n\",\"Mu\u011fla\"]);\r\n  const AKDENIZ = new Set([\"Antalya\",\"Mersin\",\"Adana\",\"Hatay\"]);\r\n\r\n  function fixName(n){\r\n    if(!n) return n;\r\n    return n.replace(\"Istanbul\",\"\u0130stanbul\")\r\n            .replace(\"Izmir\",\"\u0130zmir\")\r\n            .replace(\"Canakkale\",\"\u00c7anakkale\")\r\n            .replace(\"Kirklareli\",\"K\u0131rklareli\")\r\n            .replace(\"Mugla\",\"Mu\u011fla\")\r\n            .replace(\"Aydin\",\"Ayd\u0131n\")\r\n            .replace(\"Usak\",\"U\u015fak\")\r\n            .replace(\"Sanliurfa\",\"\u015eanl\u0131urfa\");\r\n  }\r\n\r\n  function getRegion(city){\r\n    city = fixName(city);\r\n    if(MARMARA.has(city)) return \"marmara\";\r\n    if(EGE.has(city)) return \"ege\";\r\n    if(AKDENIZ.has(city)) return \"akdeniz\";\r\n    return null;\r\n  }\r\n\r\n  function clearHoverStyles(selection){\r\n    selection.each(function(){\r\n      this.style.removeProperty(\"fill\");\r\n      this.style.removeProperty(\"filter\");\r\n      this.style.removeProperty(\"opacity\");\r\n    });\r\n  }\r\n\r\n  function applyHoverStyles(selection, region){\r\n    selection.each(function(d){\r\n      const r = getRegion(d.properties.name);\r\n      if(r === region){\r\n        this.style.setProperty(\"fill\", \"#213a84\", \"important\");\r\n        this.style.setProperty(\"filter\", \"drop-shadow(0 0 10px rgba(33,58,132,.8))\", \"important\");\r\n        this.style.setProperty(\"opacity\", \"1\", \"important\");\r\n      } else {\r\n        this.style.removeProperty(\"fill\");\r\n        this.style.removeProperty(\"filter\");\r\n        this.style.removeProperty(\"opacity\");\r\n      }\r\n    });\r\n  }\r\n\r\n  const gBg = svg.append(\"g\");\r\n  const gTR = svg.append(\"g\");\r\n  const gLbl = svg.append(\"g\");\r\n\r\n  const projection = d3.geoMercator();\r\n  const path = d3.geoPath(projection);\r\n\r\n  Promise.all([\r\n    d3.json(\"https:\/\/unpkg.com\/world-atlas@2\/countries-110m.json\"),\r\n    d3.json(\"https:\/\/dn.kayweb.net\/denizturizmbirligi\/api\/tr-cities-cyprus.json\")\r\n  ]).then(([world,tr])=>{\r\n\r\n    const worldF = topojson.feature(world, world.objects.countries).features;\r\n    const greece = worldF.find(f => +f.id === 300);\r\n    const cyprus = worldF.find(f => +f.id === 196);\r\n\r\n    projection.fitSize([W,H], {\r\n      type:\"FeatureCollection\",\r\n      features:[greece, cyprus, ...tr.features]\r\n    });\r\n\r\n    gBg.selectAll(\"path\")\r\n      .data([greece, cyprus])\r\n      .enter()\r\n      .append(\"path\")\r\n      .attr(\"class\",\"sf-land-bg\")\r\n      .attr(\"d\", path);\r\n\r\n    gLbl.append(\"text\")\r\n      .attr(\"class\",\"sf-label sf-sea-label\")\r\n      .attr(\"x\",260)\r\n      .attr(\"y\",440)\r\n      .text(\"EGE DEN\u0130Z\u0130\");\r\n\r\n    gLbl.append(\"text\")\r\n      .attr(\"class\",\"sf-label sf-sea-label\")\r\n      .attr(\"x\",410)\r\n      .attr(\"y\",240)\r\n      .attr(\"text-anchor\",\"middle\")\r\n      .text(\"MARMARA\");\r\n\r\n    gLbl.append(\"text\")\r\n      .attr(\"class\",\"sf-label sf-sea-label\")\r\n      .attr(\"x\",650)\r\n      .attr(\"y\",130)\r\n      .text(\"KARADEN\u0130Z\");\r\n\r\n    gLbl.append(\"text\")\r\n      .attr(\"class\",\"sf-label sf-sea-label\")\r\n      .attr(\"x\",650)\r\n      .attr(\"y\",690)\r\n      .text(\"AKDEN\u0130Z\");\r\n\r\n    const provinces = gTR.selectAll(\"path\")\r\n      .data(tr.features)\r\n      .enter()\r\n      .append(\"path\")\r\n      .attr(\"class\", d => {\r\n        const r = getRegion(d.properties.name);\r\n        return \"sf-tr-province\" + (r ? \" sf-region-\" + r : \" sf-muted\");\r\n      })\r\n      .attr(\"d\", path)\r\n      .style(\"cursor\", d => getRegion(d.properties.name) ? \"pointer\" : \"default\")\r\n      .on(\"mouseenter\", (e,d) => {\r\n        const r = getRegion(d.properties.name);\r\n        if(!r) return;\r\n        applyHoverStyles(provinces, r);\r\n      })\r\n      .on(\"mouseleave\", () => {\r\n        clearHoverStyles(provinces);\r\n      })\r\n      .on(\"click\", (e,d) => {\r\n        const r = getRegion(d.properties.name);\r\n        if(r) location.href = REGION_LINK[r];\r\n      });\r\n\r\n    gLbl.selectAll(\".city\")\r\n      .data(tr.features)\r\n      .enter()\r\n      .append(\"text\")\r\n      .attr(\"class\",\"sf-label sf-label-small\")\r\n      .attr(\"x\", d => path.centroid(d)[0])\r\n      .attr(\"y\", d => path.centroid(d)[1])\r\n      .attr(\"text-anchor\",\"middle\")\r\n      .text(d => fixName(d.properties.name));\r\n\r\n  }).catch(err => {\r\n    console.error(\"Harita verileri y\u00fcklenirken hata olu\u015ftu:\", err);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00dcyemiz Tesisler<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":234,"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":2994,"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/pages\/102\/revisions\/2994"}],"wp:attachment":[{"href":"https:\/\/dn.kayweb.net\/denizturizmbirligi\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}