{"id":4880,"date":"2026-01-28T20:13:18","date_gmt":"2026-01-28T20:13:18","guid":{"rendered":"https:\/\/kastamonugezirehberi.com\/?page_id=4880"},"modified":"2026-07-30T08:08:17","modified_gmt":"2026-07-30T05:08:17","slug":"maps","status":"publish","type":"page","link":"https:\/\/kastamonugezirehberi.com\/en\/haritalar\/","title":{"rendered":"Maps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4880\" class=\"elementor elementor-4880\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9917387 e-con-full e-flex e-con e-parent\" data-id=\"9917387\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a02518 e-n-tabs-none elementor-widget elementor-widget-n-tabs\" data-id=\"5a02518\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal_mobile&quot;:&quot;center&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"94381336\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-943813361\" data-tab-title-id=\"e-n-tab-title-943813361\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-943813361\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-hiking\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M80.95 472.23c-4.28 17.16 6.14 34.53 23.28 38.81 2.61.66 5.22.95 7.8.95 14.33 0 27.37-9.7 31.02-24.23l25.24-100.97-52.78-52.78-34.56 138.22zm14.89-196.12L137 117c2.19-8.42-3.14-16.95-11.92-19.06-43.88-10.52-88.35 15.07-99.32 57.17L.49 253.24c-2.19 8.42 3.14 16.95 11.92 19.06l63.56 15.25c8.79 2.1 17.68-3.02 19.87-11.44zM368 160h-16c-8.84 0-16 7.16-16 16v16h-34.75l-46.78-46.78C243.38 134.11 228.61 128 212.91 128c-27.02 0-50.47 18.3-57.03 44.52l-26.92 107.72a32.012 32.012 0 0 0 8.42 30.39L224 397.25V480c0 17.67 14.33 32 32 32s32-14.33 32-32v-82.75c0-17.09-6.66-33.16-18.75-45.25l-46.82-46.82c.15-.5.49-.89.62-1.41l19.89-79.57 22.43 22.43c6 6 14.14 9.38 22.62 9.38h48v240c0 8.84 7.16 16 16 16h16c8.84 0 16-7.16 16-16V176c.01-8.84-7.15-16-15.99-16zM240 96c26.51 0 48-21.49 48-48S266.51 0 240 0s-48 21.49-48 48 21.49 48 48 48z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-hiking\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M80.95 472.23c-4.28 17.16 6.14 34.53 23.28 38.81 2.61.66 5.22.95 7.8.95 14.33 0 27.37-9.7 31.02-24.23l25.24-100.97-52.78-52.78-34.56 138.22zm14.89-196.12L137 117c2.19-8.42-3.14-16.95-11.92-19.06-43.88-10.52-88.35 15.07-99.32 57.17L.49 253.24c-2.19 8.42 3.14 16.95 11.92 19.06l63.56 15.25c8.79 2.1 17.68-3.02 19.87-11.44zM368 160h-16c-8.84 0-16 7.16-16 16v16h-34.75l-46.78-46.78C243.38 134.11 228.61 128 212.91 128c-27.02 0-50.47 18.3-57.03 44.52l-26.92 107.72a32.012 32.012 0 0 0 8.42 30.39L224 397.25V480c0 17.67 14.33 32 32 32s32-14.33 32-32v-82.75c0-17.09-6.66-33.16-18.75-45.25l-46.82-46.82c.15-.5.49-.89.62-1.41l19.89-79.57 22.43 22.43c6 6 14.14 9.38 22.62 9.38h48v240c0 8.84 7.16 16 16 16h16c8.84 0 16-7.16 16-16V176c.01-8.84-7.15-16-15.99-16zM240 96c26.51 0 48-21.49 48-48S266.51 0 240 0s-48 21.49-48 48 21.49 48 48 48z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-943813362\" data-tab-title-id=\"e-n-tab-title-943813362\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-943813362\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-utensils\" viewBox=\"0 0 416 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.9 15.2c.8 4.7 16.1 94.5 16.1 128.8 0 52.3-27.8 89.6-68.9 104.6L168 486.7c.7 13.7-10.2 25.3-24 25.3H80c-13.7 0-24.7-11.5-24-25.3l12.9-238.1C27.7 233.6 0 196.2 0 144 0 109.6 15.3 19.9 16.1 15.2 19.3-5.1 61.4-5.4 64 16.3v141.2c1.3 3.4 15.1 3.2 16 0 1.4-25.3 7.9-139.2 8-141.8 3.3-20.8 44.7-20.8 47.9 0 .2 2.7 6.6 116.5 8 141.8.9 3.2 14.8 3.4 16 0V16.3c2.6-21.6 44.8-21.4 48-1.1zm119.2 285.7l-15 185.1c-1.2 14 9.9 26 23.9 26h56c13.3 0 24-10.7 24-24V24c0-13.2-10.7-24-24-24-82.5 0-221.4 178.5-64.9 300.9z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-utensils\" viewBox=\"0 0 416 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.9 15.2c.8 4.7 16.1 94.5 16.1 128.8 0 52.3-27.8 89.6-68.9 104.6L168 486.7c.7 13.7-10.2 25.3-24 25.3H80c-13.7 0-24.7-11.5-24-25.3l12.9-238.1C27.7 233.6 0 196.2 0 144 0 109.6 15.3 19.9 16.1 15.2 19.3-5.1 61.4-5.4 64 16.3v141.2c1.3 3.4 15.1 3.2 16 0 1.4-25.3 7.9-139.2 8-141.8 3.3-20.8 44.7-20.8 47.9 0 .2 2.7 6.6 116.5 8 141.8.9 3.2 14.8 3.4 16 0V16.3c2.6-21.6 44.8-21.4 48-1.1zm119.2 285.7l-15 185.1c-1.2 14 9.9 26 23.9 26h56c13.3 0 24-10.7 24-24V24c0-13.2-10.7-24-24-24-82.5 0-221.4 178.5-64.9 300.9z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-943813363\" data-tab-title-id=\"e-n-tab-title-943813363\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-943813363\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bed\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 256c44.11 0 80-35.89 80-80s-35.89-80-80-80-80 35.89-80 80 35.89 80 80 80zm352-128H304c-8.84 0-16 7.16-16 16v144H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v352c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-48h512v48c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V240c0-61.86-50.14-112-112-112z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bed\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M176 256c44.11 0 80-35.89 80-80s-35.89-80-80-80-80 35.89-80 80 35.89 80 80 80zm352-128H304c-8.84 0-16 7.16-16 16v144H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v352c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-48h512v48c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V240c0-61.86-50.14-112-112-112z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-943813364\" data-tab-title-id=\"e-n-tab-title-943813364\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-943813364\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-info-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-info-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-943813365\" data-tab-title-id=\"e-n-tab-title-943813365\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-943813365\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-landmark\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M501.62 92.11L267.24 2.04a31.958 31.958 0 0 0-22.47 0L10.38 92.11A16.001 16.001 0 0 0 0 107.09V144c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-36.91c0-6.67-4.14-12.64-10.38-14.98zM64 192v160H48c-8.84 0-16 7.16-16 16v48h448v-48c0-8.84-7.16-16-16-16h-16V192h-64v160h-96V192h-64v160h-96V192H64zm432 256H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-landmark\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M501.62 92.11L267.24 2.04a31.958 31.958 0 0 0-22.47 0L10.38 92.11A16.001 16.001 0 0 0 0 107.09V144c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-36.91c0-6.67-4.14-12.64-10.38-14.98zM64 192v160H48c-8.84 0-16 7.16-16 16v48h448v-48c0-8.84-7.16-16-16-16h-16V192h-64v160h-96V192h-64v160h-96V192H64zm432 256H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-943813366\" data-tab-title-id=\"e-n-tab-title-943813366\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"6\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-943813366\" style=\"--n-tabs-title-order: 6;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-compass\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M225.38 233.37c-12.5 12.5-12.5 32.76 0 45.25 12.49 12.5 32.76 12.5 45.25 0 12.5-12.5 12.5-32.76 0-45.25-12.5-12.49-32.76-12.49-45.25 0zM248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm126.14 148.05L308.17 300.4a31.938 31.938 0 0 1-15.77 15.77l-144.34 65.97c-16.65 7.61-33.81-9.55-26.2-26.2l65.98-144.35a31.938 31.938 0 0 1 15.77-15.77l144.34-65.97c16.65-7.6 33.8 9.55 26.19 26.2z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-compass\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M225.38 233.37c-12.5 12.5-12.5 32.76 0 45.25 12.49 12.5 32.76 12.5 45.25 0 12.5-12.5 12.5-32.76 0-45.25-12.5-12.49-32.76-12.49-45.25 0zM248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm126.14 148.05L308.17 300.4a31.938 31.938 0 0 1-15.77 15.77l-144.34 65.97c-16.65 7.61-33.81-9.55-26.2-26.2l65.98-144.35a31.938 31.938 0 0 1 15.77-15.77l144.34-65.97c16.65-7.6 33.8 9.55 26.19 26.2z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-943813361\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813361\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-9cd8dbd e-con-full e-flex e-con e-child\" data-id=\"9cd8dbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-990729f elementor-widget elementor-widget-html\" data-id=\"990729f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;700&display=swap');\r\n\r\n  \/* ========================================================= *\/\r\n  \/* KUSURSUZ Z-INDEX KOMB\u0130NASYONU                             *\/\r\n  \/* ========================================================= *\/\r\n  #super-live-tracker { z-index: 9000 !important; }\r\n  .ol-overlay-container { z-index: 9500 !important; }\r\n\r\n  \/* PANEL KASASI *\/\r\n  #smart-nav-panel {\r\n    background: rgba(0, 0, 0, 0.20) !important; \r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.2);\r\n    font-family: 'Oswald', sans-serif;\r\n    padding: 8px 24px 8px 8px; \r\n    gap: 8px;\r\n    display: none;\r\n    flex-direction: row; \r\n    position: absolute;\r\n    top: 50% !important; left: 8px !important;\r\n    transform: translateY(-50%) !important;\r\n    width: auto !important;\r\n    z-index: 999999 !important; \r\n  }\r\n\r\n  \/* S\u00dcTUNLAR *\/\r\n  .nav-column { \r\n    display: flex; \r\n    flex-direction: column; \r\n    gap: 8px; \r\n    width: 75px; \r\n  }\r\n\r\n  \/* 1. SATIR: BA\u015eLIKLAR (Gidilen, Kalan vb.) *\/\r\n  .nav-label { \r\n    display: block; \r\n    font-size: 9px; \r\n    color: #444; \r\n    font-weight: 600; \r\n    margin-bottom: 2px; \r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  \/* KUTU ZEM\u0130NLER\u0130 *\/\r\n  .nav-v-box {\r\n    background: rgba(255, 255, 255, 0.95) !important; \r\n    border: 1px solid rgba(225, 229, 234, 0.5) !important; \r\n    border-radius: 10px;\r\n    padding: 6px 2px;\r\n    text-align: center;\r\n  }\r\n  \r\n  \/* ========================================================== *\/\r\n  \/* RAKAM BOYUTLANDIRMALARI                                    *\/\r\n  \/* ========================================================== *\/\r\n  #nav-col-main .nav-v-box strong { \r\n    display: block; font-size: 32px !important; color: #000; line-height: 1; \r\n  }\r\n\r\n  #nav-col-extra .nav-v-box strong,\r\n  #nav-status-text { \r\n    display: block; font-size: 20px !important; line-height: 1; \r\n  }\r\n\r\n  \/* 3. SATIR: B\u0130R\u0130MLER (km, m, km\/s) *\/\r\n  .birim { \r\n    display: block; font-size: 12px; font-weight: 600; color: #444; margin-top: 2px;\r\n  }\r\n\r\n  \/* BUTONLAR VE \u0130KONLAR *\/\r\n  .nav-btn-group { display: flex; gap: 4px; flex-direction: column; }\r\n  .nav-btn-v {\r\n    width: 100%; height: 35px; border: none; border-radius: 8px;\r\n    cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n  }\r\n  \r\n  #nav-pause-btn { background: rgba(255, 114, 0, 0.9); color: #fff; font-size: 28px; }\r\n  #nav-resume-btn { background: rgba(40, 167, 69, 0.9); color: #fff; font-size: 24px; }\r\n  #nav-cancel-btn { background: rgba(220, 53, 69, 0.9); color: #fff; font-size: 22px; }\r\n\r\n  \/* A\u00c7MA\/KAPAMA BUTONU *\/\r\n  #nav-expand-toggle {\r\n    position: absolute; right: 0; top: 0; bottom: 0; width: 24px;\r\n    background: transparent; border: none; cursor: pointer; \r\n    display: flex; align-items: center; justify-content: center; \r\n    color: #495057; font-size: 18px; padding: 0;\r\n  }\r\n\r\n \/* EKRAN TAM ORTASI \u0130\u00c7\u0130N G\u00dcNCEL CSS *\/\r\n  #global-off-route-warning {\r\n    position: fixed;\r\n    top: 50%;       \/* Dikeyde tam orta *\/\r\n    left: 50%;      \/* Yatayda tam orta *\/\r\n    transform: translate(-50%, -50%); \/* Tam merkezleme sihirbaz\u0131 *\/\r\n    background: rgba(220, 53, 69, 0.95);\r\n    color: white;\r\n    padding: 20px 30px; \/* Biraz daha geni\u015fledik *\/\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3); \/* Biraz daha belirgin g\u00f6lge *\/\r\n    z-index: 9999999; \r\n    font-family: 'Oswald', sans-serif;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  #global-off-route-warning strong { display: block; font-size: 24px; line-height: 1.2; letter-spacing: 0.5px; }\r\n  #global-off-route-warning span { font-size: 14px; font-weight: 500; font-family: sans-serif; opacity: 0.9; }\r\n<\/style>\r\n\r\n\r\n<div id=\"smart-nav-panel\" data-json-url=\"sadece-pinlerden-oku\">\r\n    \r\n    \r\n    <div class=\"nav-column\" id=\"nav-col-main\">\r\n        <div class=\"nav-v-box\">\r\n            <span class=\"nav-label\">G\u0130D\u0130LEN<\/span>\r\n            <strong id=\"nav-traveled\">0<\/strong>\r\n            <span class=\"birim\">km<\/span>\r\n        <\/div>\r\n        <div class=\"nav-v-box\">\r\n            <span class=\"nav-label\">KALAN<\/span>\r\n            <strong id=\"nav-remaining\">0<\/strong>\r\n            <span class=\"birim\">km<\/span>\r\n        <\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"nav-btn-group\">\r\n            <button id=\"nav-pause-btn\" class=\"nav-btn-v\" title=\"Duraklat\">\r\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"><\/rect>\r\n                    <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"><\/rect>\r\n                <\/svg>\r\n            <\/button>\r\n            \r\n            <button id=\"nav-resume-btn\" class=\"nav-btn-v\" style=\"display:none;\" title=\"Devam Et\">\r\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                <\/svg>\r\n            <\/button>\r\n            \r\n            <button id=\"nav-cancel-btn\" class=\"nav-btn-v\" title=\"\u0130ptal Et\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                    <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line>\r\n                    <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n        <\/div>\r\n\r\n\r\n\r\n\r\n\r\n    <div class=\"nav-column\" id=\"nav-col-extra\" style=\"display: none;\">\r\n        <div class=\"nav-v-box\" id=\"nav-status-box\" style=\"background: #e9ecef; border-color:#ccc;\">\r\n            <span class=\"nav-label\">SAPMA<\/span>\r\n            <strong><span id=\"nav-status-text\" style=\"color: #0056b3; display: block; margin-top: 2px;\">...<\/span><\/strong>\r\n        <\/div>\r\n        <div class=\"nav-v-box\">\r\n            <span class=\"nav-label\">GE\u00c7EN S\u00dcRE<\/span>\r\n            <strong id=\"nav-time\">00:00<\/strong>\r\n        <\/div>\r\n        <div class=\"nav-v-box\">\r\n            <span class=\"nav-label\">KALAN S\u00dcRE<\/span>\r\n            <strong id=\"nav-eta\">--:--<\/strong>\r\n        <\/div>\r\n        <div class=\"nav-v-box\">\r\n            <span class=\"nav-label\">ORT. HIZ<\/span>\r\n            <strong id=\"nav-speed\">--<\/strong>\r\n            <span class=\"birim\" style=\"font-size:10px;\">km\/s<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <button id=\"nav-expand-toggle\" title=\"Detaylar\u0131 A\u00e7\/Gizle\">\r\n        <span id=\"nav-expand-icon\">\u25b6<\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<div id=\"global-off-route-warning\" style=\"display: none;\">\r\n    <strong>\u26a0\ufe0f ROTA DI\u015eI<\/strong>\r\n    <span>L\u00fctfen rotaya yakla\u015f\u0131n<\/span>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f2f18 elementor-widget elementor-widget-shortcode\" data-id=\"e6f2f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"wpgmza_map_7\" class=\"wpgmza_map wpgmza-auto-center\" style=\"display:block;width:100%;height:100vh;overflow:hidden;position:relative;\" data-map-id=\"7\" data-maps-engine=\"open-layers\" data-build-engine=\"atlas-novus\" data-shortcode-attributes=\"{&quot;id&quot;:&quot;7&quot;,&quot;zoom&quot;:false,&quot;width&quot;:false,&quot;height&quot;:false,&quot;marker&quot;:false,&quot;classname&quot;:false,&quot;mashup&quot;:false,&quot;mashup_ids&quot;:false,&quot;cat&quot;:false,&quot;type&quot;:&quot;default&quot;,&quot;parent_id&quot;:false,&quot;lat&quot;:false,&quot;lng&quot;:false,&quot;mark_center&quot;:false,&quot;enable_category&quot;:false,&quot;directions_from&quot;:false,&quot;directions_to&quot;:false,&quot;directions_waypoints&quot;:false,&quot;directions_auto&quot;:false,&quot;disable_vgm_form&quot;:false,&quot;redirect_to&quot;:false}\" data-settings=\"{&quot;map_title&quot;:&quot;genel harita&quot;,&quot;map_width&quot;:&quot;100&quot;,&quot;map_height&quot;:&quot;100&quot;,&quot;map_start_lat&quot;:&quot;41.97323882012304&quot;,&quot;map_start_lng&quot;:&quot;33.76127967743157&quot;,&quot;map_start_location&quot;:&quot;&quot;,&quot;map_start_zoom&quot;:&quot;14&quot;,&quot;default_marker&quot;:&quot;\\\/\\\/kastamonugezirehberi.com\\\/wp-content\\\/plugins\\\/wp-google-maps\\\/images\\\/spotlight-poi3.png&quot;,&quot;type&quot;:&quot;1&quot;,&quot;alignment&quot;:&quot;0&quot;,&quot;directions_enabled&quot;:&quot;0&quot;,&quot;styling_enabled&quot;:&quot;0&quot;,&quot;styling_json&quot;:&quot;&quot;,&quot;active&quot;:&quot;0&quot;,&quot;kml&quot;:&quot;&quot;,&quot;bicycle&quot;:&quot;0&quot;,&quot;traffic&quot;:&quot;0&quot;,&quot;dbox&quot;:&quot;1&quot;,&quot;dbox_width&quot;:&quot;100&quot;,&quot;listmarkers&quot;:&quot;0&quot;,&quot;listmarkers_advanced&quot;:&quot;0&quot;,&quot;filterbycat&quot;:&quot;0&quot;,&quot;ugm_enabled&quot;:&quot;0&quot;,&quot;ugm_category_enabled&quot;:&quot;0&quot;,&quot;fusion&quot;:&quot;&quot;,&quot;map_width_type&quot;:&quot;%&quot;,&quot;map_height_type&quot;:&quot;vh&quot;,&quot;mass_marker_support&quot;:&quot;0&quot;,&quot;ugm_access&quot;:&quot;0&quot;,&quot;order_markers_by&quot;:&quot;1&quot;,&quot;order_markers_choice&quot;:&quot;1&quot;,&quot;show_user_location&quot;:&quot;0&quot;,&quot;default_to&quot;:&quot;&quot;,&quot;map_type&quot;:1,&quot;sl_stroke_color&quot;:&quot;#ff0000&quot;,&quot;sl_fill_color&quot;:&quot;#ff0000&quot;,&quot;sl_stroke_opacity&quot;:&quot;1&quot;,&quot;sl_fill_opacity&quot;:&quot;0.5&quot;,&quot;transport_layer&quot;:false,&quot;action&quot;:&quot;wpgmza_save_map&quot;,&quot;redirect_to&quot;:&quot;\\\/wp-admin\\\/admin-post.php&quot;,&quot;map_id&quot;:&quot;7&quot;,&quot;http_referer&quot;:&quot;\\\/wp-admin\\\/admin.php?page=wp-google-maps-menu&amp;amp;action=edit&amp;amp;map_id=3&quot;,&quot;wpgmza_id&quot;:&quot;3&quot;,&quot;wpgmza_start_location&quot;:&quot;41.97323882012304,33.76127967743157&quot;,&quot;wpgmza_start_zoom&quot;:&quot;14&quot;,&quot;wpgmza_theme_data&quot;:&quot;[{\\&quot;featureType\\&quot;: \\&quot;poi\\&quot;, \\&quot;stylers\\&quot;: [{\\&quot;visibility\\&quot;: \\&quot;off\\&quot;}]}, {\\&quot;featureType\\&quot;: \\&quot;transit\\&quot;, \\&quot;elementType\\&quot;: \\&quot;labels.icon\\&quot;, \\&quot;stylers\\&quot;: [{\\&quot;visibility\\&quot;: \\&quot;off\\&quot;}]}, {\\&quot;stylers\\&quot;: [{\\&quot;gamma\\&quot;: 1}, {\\&quot;lightness\\&quot;: 0}]}]&quot;,&quot;wpgmza_dbox_width_type&quot;:&quot;%&quot;,&quot;default_from&quot;:&quot;&quot;,&quot;directions_behaviour&quot;:&quot;default&quot;,&quot;force_google_directions_app&quot;:false,&quot;directions_route_origin_icon&quot;:&quot;https:\\\/\\\/kastamonugezirehberi.com\\\/wp-content\\\/plugins\\\/wp-google-maps\\\/images\\\/spotlight-poi3.png&quot;,&quot;directions_origin_retina&quot;:false,&quot;directions_route_destination_icon&quot;:&quot;https:\\\/\\\/kastamonugezirehberi.com\\\/wp-content\\\/plugins\\\/wp-google-maps\\\/images\\\/spotlight-poi3.png&quot;,&quot;directions_destination_retina&quot;:false,&quot;directions_route_stroke_color&quot;:&quot;#4d8df5&quot;,&quot;directions_route_stroke_weight&quot;:&quot;4&quot;,&quot;directions_route_stroke_opacity&quot;:&quot;0.8&quot;,&quot;directions_fit_bounds_to_route&quot;:false,&quot;store_locator_enabled&quot;:false,&quot;store_locator_search_area&quot;:&quot;auto&quot;,&quot;wpgmza_store_locator_radius_style&quot;:&quot;legacy&quot;,&quot;wpgmza_store_locator_default_radius&quot;:&quot;10&quot;,&quot;store_locator_auto_area_max_zoom&quot;:&quot;&quot;,&quot;wpgmza_store_locator_restrict&quot;:&quot;&quot;,&quot;store_locator_distance&quot;:false,&quot;wpgmza_store_locator_position&quot;:false,&quot;store_locator_show_distance&quot;:false,&quot;store_locator_category&quot;:false,&quot;wpgmza_store_locator_use_their_location&quot;:true,&quot;wpgmza_store_locator_bounce&quot;:false,&quot;upload_default_sl_marker&quot;:&quot;&quot;,&quot;upload_default_sl_marker_retina&quot;:false,&quot;wpgmza_sl_animation&quot;:&quot;0&quot;,&quot;wpgmza_store_locator_hide_before_search&quot;:false,&quot;store_locator_query_string&quot;:&quot;&quot;,&quot;store_locator_location_placeholder&quot;:&quot;&quot;,&quot;store_locator_default_address&quot;:&quot;&quot;,&quot;store_locator_name_search&quot;:false,&quot;store_locator_name_string&quot;:&quot;&quot;,&quot;store_locator_not_found_message&quot;:&quot;&quot;,&quot;retina&quot;:false,&quot;wpgmza_map_align&quot;:&quot;2&quot;,&quot;upload_default_ul_marker&quot;:&quot;\\\/\\\/kastamonugezirehberi.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/KONUM-2.svg&quot;,&quot;upload_default_ul_marker_retina&quot;:true,&quot;jump_to_nearest_marker_on_initialization&quot;:false,&quot;automatically_pan_to_users_location&quot;:false,&quot;override_users_location_zoom_level&quot;:false,&quot;override_users_location_zoom_levels&quot;:&quot;21&quot;,&quot;show_distance_from_location&quot;:true,&quot;map_max_zoom&quot;:&quot;21&quot;,&quot;map_min_zoom&quot;:&quot;0&quot;,&quot;click_open_link&quot;:false,&quot;fit_maps_bounds_to_markers&quot;:false,&quot;fit_maps_bounds_to_markers_after_filtering&quot;:false,&quot;hide_point_of_interest&quot;:false,&quot;wpgmza_zoom_on_marker_click&quot;:false,&quot;wpgmza_zoom_on_marker_click_slider&quot;:&quot;&quot;,&quot;close_infowindow_on_map_click&quot;:true,&quot;disable_lightbox_images&quot;:false,&quot;use_Raw_Jpeg_Coordinates&quot;:false,&quot;polygon_labels&quot;:false,&quot;disable_polygon_info_windows&quot;:true,&quot;enable_advanced_custom_fields_integration&quot;:false,&quot;enable_advanced_custom_fields_integration_type&quot;:&quot;&quot;,&quot;enable_toolset_woocommerce_integration&quot;:false,&quot;enable_woo_product_integration&quot;:false,&quot;enable_marker_labels&quot;:false,&quot;only_load_markers_within_viewport&quot;:false,&quot;zoom_level_mobile_override_enabled&quot;:false,&quot;zoom_level_mobile_override&quot;:&quot;&quot;,&quot;iw_primary_color&quot;:&quot;#000000&quot;,&quot;iw_accent_color&quot;:&quot;#000000&quot;,&quot;iw_text_color&quot;:&quot;#000000&quot;,&quot;wpgmza_listmarkers_by&quot;:&quot;0&quot;,&quot;wpgmza_marker_listing_position&quot;:false,&quot;wpgmza_push_in_map&quot;:false,&quot;wpgmza_push_in_map_placement&quot;:&quot;1&quot;,&quot;wpgmza_push_in_map_width&quot;:&quot;&quot;,&quot;wpgmza_push_in_map_height&quot;:&quot;&quot;,&quot;zoom_level_on_marker_listing_override&quot;:false,&quot;zoom_level_on_marker_listing_click&quot;:&quot;&quot;,&quot;marker_listing_disable_zoom&quot;:false,&quot;datatable_no_result_message&quot;:&quot;&quot;,&quot;remove_search_box_datables&quot;:false,&quot;dataTable_pagination_style&quot;:&quot;default&quot;,&quot;datatable_search_string&quot;:&quot;&quot;,&quot;datatable_result_start&quot;:&quot;&quot;,&quot;datatable_result_of&quot;:&quot;&quot;,&quot;datatable_result_to&quot;:&quot;&quot;,&quot;datatable_result_total&quot;:&quot;&quot;,&quot;datatable_result_show&quot;:&quot;&quot;,&quot;datatable_result_entries&quot;:&quot;&quot;,&quot;wpgmza_savemap&quot;:&quot;Haritay\\u0131 Kaydet&quot;,&quot;shortcodeAttributes&quot;:{&quot;id&quot;:&quot;3&quot;},&quot;wpgmza_theme&quot;:&quot;1&quot;,&quot;store_locator_component_anchor&quot;:&quot;0&quot;,&quot;store_locator_nearby_searches&quot;:false,&quot;directions_box_component_anchor&quot;:&quot;1&quot;,&quot;custom_tile_enabled&quot;:false,&quot;custom_tile_image&quot;:&quot;&quot;,&quot;custom_tile_image_width&quot;:&quot;&quot;,&quot;custom_tile_image_height&quot;:&quot;&quot;,&quot;custom_tile_image_attribution&quot;:&quot;&quot;,&quot;marker_share_links&quot;:false,&quot;marker_listing_component_anchor&quot;:&quot;1&quot;,&quot;marker_listing_component_auto_open&quot;:false,&quot;category_filter_component_anchor&quot;:&quot;0&quot;,&quot;category_legends_enabled&quot;:false,&quot;category_legends_component_anchor&quot;:&quot;8&quot;,&quot;map_starts_in_streetview&quot;:false,&quot;map_starts_in_streetview_location&quot;:&quot;&quot;,&quot;map_starts_in_streetview_heading&quot;:&quot;&quot;,&quot;map_starts_in_streetview_pitch&quot;:&quot;&quot;,&quot;store_locator_button_style&quot;:&quot;&quot;,&quot;iw_anchor_panel_card&quot;:&quot;7&quot;,&quot;marker_listing_nudge_marker_center&quot;:false,&quot;marker_listing_nudge_x&quot;:&quot;&quot;,&quot;marker_listing_nudge_y&quot;:&quot;&quot;,&quot;category_filter_label_string&quot;:&quot;&quot;,&quot;category_legends_style&quot;:&quot;&quot;,&quot;category_legends_label_string&quot;:&quot;&quot;,&quot;shape_filtering&quot;:false,&quot;restrict_map_bounds&quot;:false,&quot;restrict_boundary_corner_a&quot;:&quot;&quot;,&quot;restrict_boundary_corner_b&quot;:&quot;&quot;,&quot;enable_user_location_control&quot;:false,&quot;enable_map_reset_control&quot;:false,&quot;map_dimensions_mobile_override_enabled&quot;:false,&quot;map_mobile_width&quot;:&quot;100&quot;,&quot;map_mobile_width_type&quot;:&quot;%&quot;,&quot;map_mobile_height&quot;:&quot;200&quot;,&quot;map_mobile_height_type&quot;:&quot;px&quot;,&quot;lazyload_info_window_content&quot;:false,&quot;wpgmza_ol_tile_filter&quot;:&quot;none&quot;,&quot;enable_scale_control&quot;:false,&quot;id&quot;:7}\" ><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-943813362\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813362\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-a3a5739 e-con-full e-flex e-con e-child\" data-id=\"a3a5739\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad99d05 elementor-widget elementor-widget-heading\" data-id=\"ad99d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">RESTORAN VE KAFELER<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16a50f1 elementor-widget elementor-widget-text-editor\" data-id=\"16a50f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif edilerek hizmetinizde olacakt\u0131r. Anlay\u0131\u015f\u0131n\u0131z i\u00e7in te\u015fekk\u00fcrler.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-943813363\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813363\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-87b90e8 e-con-full e-flex e-con e-child\" data-id=\"87b90e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709eed2 elementor-widget elementor-widget-heading\" data-id=\"709eed2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OTEL VE PANS\u0130YONLAR<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a284b3 elementor-widget elementor-widget-text-editor\" data-id=\"6a284b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif edilerek hizmetinizde olacakt\u0131r. Anlay\u0131\u015f\u0131n\u0131z i\u00e7in te\u015fekk\u00fcrler.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-943813364\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813364\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-b3bf208 e-con-full e-flex e-con e-child\" data-id=\"b3bf208\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2c0e7 elementor-widget elementor-widget-heading\" data-id=\"3f2c0e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">REHBER HAKKINDA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8fb58 elementor-widget elementor-widget-text-editor\" data-id=\"9e8fb58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif edilerek hizmetinizde olacakt\u0131r. Anlay\u0131\u015f\u0131n\u0131z i\u00e7in te\u015fekk\u00fcrler.<br \/><br \/>Rehberi uygulama olarak da telefonunuza kurabilirsiniz. Bunun i\u00e7in a\u015fa\u011f\u0131daki butona t\u0131klaman\u0131z yeterli&#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4aadbd elementor-widget elementor-widget-html\" data-id=\"d4aadbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"app-install-container\">\r\n    <button id=\"btn-install-app\" class=\"custom-install-btn\">\r\n        \ud83d\udcf1 Uygulama Olarak Kaydet\r\n    <\/button>\r\n    <div id=\"ios-install-info\" class=\"ios-info-popup\" style=\"display:none;\">\r\n        <strong>iPhone'da kaydetmek i\u00e7in:<\/strong><br>\r\n        1. Alttaki <svg viewBox=\"0 0 50 50\" width=\"16\" height=\"16\" style=\"vertical-align: middle;\"><path d=\"M25 2v23M16 13l9-11 9 11M11 20H7v28h36V20h-4\" stroke=\"#000\" stroke-width=\"4\" fill=\"none\"\/><\/svg> <b>Payla\u015f<\/b> butonuna dokunun.<br>\r\n        2. Listeden <b>\"Ana Ekrana Ekle\"<\/b> se\u00e7ene\u011fini se\u00e7in.\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.custom-install-btn {\r\n    background-color: #2c3e50;\r\n    color: white;\r\n    border: none;\r\n    padding: 12px 24px;\r\n    font-size: 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n    transition: 0.3s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n}\r\n.custom-install-btn:hover {\r\n    background-color: #1a252f;\r\n}\r\n.ios-info-popup {\r\n    margin-top: 10px;\r\n    padding: 12px;\r\n    background-color: #f8f9fa;\r\n    border-left: 4px solid #3498db;\r\n    font-size: 14px;\r\n    color: #333;\r\n    border-radius: 4px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Y\u00fckleme Animasyonu (D\u00f6nen \u00c7ark) \u0130\u00e7in CSS *\/\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n.spinner-icon {\r\n    display: inline-block;\r\n    animation: spin 1s linear infinite;\r\n    font-size: 18px;\r\n}\r\n<\/style>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n    let deferredPrompt;\r\n    let isAppInstalledFired = false;\r\n    const installBtn = $('#btn-install-app');\r\n    const iosInfo = $('#ios-install-info');\r\n\r\n    \/\/ 1. BUTONU \"\u0130ND\u0130R\u0130L\u0130YOR\" MODUNA GET\u0130REN FONKS\u0130YON\r\n    function setButtonAsLoading() {\r\n        installBtn.html('<span class=\"spinner-icon\">\u23f3<\/span> \u0130ndiriliyor...');\r\n        installBtn.css({\r\n            'background-color': '#e67e22', \/\/ Turuncu\r\n            'cursor': 'wait',\r\n            'pointer-events': 'none'\r\n        });\r\n        installBtn.attr('data-status', 'loading');\r\n    }\r\n\r\n    \/\/ 2. BUTONU \"ARKA PLANDA KURULUYOR\" MODUNA GET\u0130REN FONKS\u0130YON\r\n    function setButtonAsInstalling() {\r\n        installBtn.html('<span class=\"spinner-icon\">\u2699\ufe0f<\/span> Uygulama Y\u00fckleniyor...');\r\n        installBtn.css({\r\n            'background-color': '#3498db', \/\/ Mavi\r\n            'cursor': 'wait',\r\n            'pointer-events': 'none'\r\n        });\r\n        installBtn.attr('data-status', 'installing');\r\n    }\r\n\r\n    \/\/ 3. BUTONU \"Y\u00dcKL\u00dc\" DURUMUNA GET\u0130REN FONKS\u0130YON\r\n    function setButtonAsInstalled() {\r\n        installBtn.html('\u2705 Uygulama Y\u00fcklendi');\r\n        installBtn.css({\r\n            'background-color': '#27ae60', \/\/ Ye\u015fil\r\n            'cursor': 'default',\r\n            'pointer-events': 'none',\r\n            'opacity': '0.9'\r\n        });\r\n        installBtn.attr('data-status', 'installed');\r\n        iosInfo.hide(); \r\n    }\r\n\r\n    \/\/ BA\u015eLANGI\u00c7 KONTROL\u00dc: Kullan\u0131c\u0131 \u015fu an zaten PWA (Uygulama) i\u00e7inden mi bak\u0131yor?\r\n    if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true) {\r\n        setButtonAsInstalled(); \r\n    }\r\n\r\n    \/\/ Cihaz\u0131n Apple (iOS) olup olmad\u0131\u011f\u0131n\u0131 anla\r\n    const isIOS = () => {\r\n        return [\r\n            'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'\r\n        ].includes(navigator.platform) || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document);\r\n    };\r\n\r\n    \/\/ ANDROID \u0130\u00c7\u0130N: Taray\u0131c\u0131 kurulum penceresi sinyalini yakala\r\n    window.addEventListener('beforeinstallprompt', (e) => {\r\n        e.preventDefault();\r\n        deferredPrompt = e;\r\n    });\r\n\r\n    \/\/ UYGULAMA KURULDU S\u0130NYAL\u0130N\u0130 YAKALA (CHROME \u0130\u015e\u0130 B\u0130T\u0130RD\u0130\u011e\u0130NDE)\r\n    window.addEventListener('appinstalled', (evt) => {\r\n        console.log('PWA ba\u015far\u0131yla cihaza kuruldu (Sinyal al\u0131nd\u0131)!');\r\n        isAppInstalledFired = true;\r\n        \r\n        if (installBtn.attr('data-status') === 'loading') {\r\n            \/\/ Chrome i\u015fi bitirip Android'e devretti\u011finde butonu Maviye \u00e7evir\r\n            setButtonAsInstalling();\r\n            \r\n            \/\/ Ortalama bir telefonun kurulumu bitirmesi i\u00e7in 10 saniye zaman tan\u0131\r\n            setTimeout(setButtonAsInstalled, 12000); \r\n        } else {\r\n            setButtonAsInstalled();\r\n        }\r\n    });\r\n\r\n    \/\/ BUTON TIKLAMA OLAYI\r\n    installBtn.on('click', async function(e) {\r\n        e.preventDefault();\r\n\r\n        \/\/ E\u011fer buton t\u0131klamaya kapat\u0131lm\u0131\u015fsa i\u015flemi durdur\r\n        if(installBtn.css('pointer-events') === 'none') return;\r\n\r\n        if (isIOS()) {\r\n            iosInfo.slideToggle();\r\n        } \r\n        else if (deferredPrompt) {\r\n            deferredPrompt.prompt();\r\n            const { outcome } = await deferredPrompt.userChoice;\r\n            \r\n            if (outcome === 'accepted') {\r\n                console.log('Kullan\u0131c\u0131 kurulumu onaylad\u0131.');\r\n                \r\n                \/\/ Onay verildi\u011fi an \u0130ndiriliyor (Turuncu) yap\r\n                setButtonAsLoading();\r\n\r\n                \/\/ E\u011fer Chrome appinstalled sinyalini \u00e7oktan f\u0131rlatt\u0131ysa\r\n                if (isAppInstalledFired) {\r\n                    setButtonAsInstalling();\r\n                    setTimeout(setButtonAsInstalled, 12000);\r\n                }\r\n            }\r\n            deferredPrompt = null;\r\n        } \r\n        else {\r\n            alert(\"Uygulama cihaz\u0131n\u0131zda y\u00fckl\u00fc ya da sisteminiz uygulama y\u00fcklemeye izin vermiyor. Taray\u0131c\u0131n\u0131z\u0131n men\u00fcs\u00fcnden 'Ana Ekrana Ekle' se\u00e7ene\u011fini kullanabilirsiniz.\");\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-943813365\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813365\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-15c67aa e-con-full e-flex e-con e-child\" data-id=\"15c67aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce268f elementor-widget elementor-widget-heading\" data-id=\"0ce268f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">K\u00dcLT\u00dcREL M\u0130MAR\u0130 M\u0130RAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de6c057 elementor-widget elementor-widget-text-editor\" data-id=\"de6c057\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif edilerek hizmetinizde olacakt\u0131r. Anlay\u0131\u015f\u0131n\u0131z i\u00e7in te\u015fekk\u00fcrler.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-943813366\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-943813366\" data-tab-index=\"6\" style=\"--n-tabs-title-order: 6;\" class=\" elementor-element elementor-element-8bd77fe e-con-full e-flex e-con e-child\" data-id=\"8bd77fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db45756 elementor-widget elementor-widget-html\" data-id=\"db45756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/kastamonugezirehberi.com\/pusula\/suncalc.min.js\"><\/script>\r\n<script src=\"https:\/\/kastamonugezirehberi.com\/pusula\/mgrs.min.js\"><\/script>\r\n\r\n<style>\r\n  #ozel-pusula-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px; \/* Alt bo\u015fluk daralt\u0131larak yer kazan\u0131ld\u0131 *\/\r\n    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;\r\n    text-align: center;\r\n    background-color: transparent; \r\n    box-sizing: border-box;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  #ozel-pusula-cerceve {\r\n    \/* D\u0130NAM\u0130K \u00d6L\u00c7EKLEME: Ekran darsa veya k\u0131saysa 320px'den taviz verip otomatik k\u00fc\u00e7\u00fcl\u00fcr *\/\r\n    width: min(85vw, 45vh, 320px); \r\n    height: min(85vw, 45vh, 320px);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 0px; \r\n  }\r\n\r\n  \/* Sabit Alt G\u00f6vde G\u00f6rseli *\/\r\n  #sabit-alt-kadran {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    object-fit: contain;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* D\u00f6nen Pusula \u00c7emberi Kapsay\u0131c\u0131s\u0131 *\/\r\n  #ozel-pusula-kadran {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 2;\r\n    transition: none; \r\n    will-change: transform;\r\n  }\r\n\r\n  \/* D\u00f6nen \u00dcst Kadran G\u00f6rseli *\/\r\n  #donen-ust-kadran {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 2;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Merkez Logo Alan\u0131 - PX yerine % yap\u0131ld\u0131, b\u00f6ylece kadranla birlikte k\u00fc\u00e7\u00fcl\u00fcr *\/\r\n  #ozel-merkez-logo-alani {\r\n    width: 42%; \r\n    height: 42%;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  #pusula-orta-logo {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Alt kadranla orant\u0131l\u0131 tam boyutlu katman g\u00f6rselleri i\u00e7in ortak s\u0131n\u0131f *\/\r\n  .tam-boyutlu-katman-gorseli {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    object-fit: contain;\r\n  }\r\n\r\n  \/* Manyetik \u0130\u015faret\u00e7i Kapsay\u0131c\u0131 *\/\r\n  .manyetik-isaretci-kapsayici {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 4;\r\n    display: none; \r\n  }\r\n\r\n  \/* Astronomi Katmanlar\u0131 Kapsay\u0131c\u0131s\u0131 *\/\r\n  .ozel-astronomi-katmani {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    display: none;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* B\u0130LG\u0130 PANEL\u0130 YAPISI *\/\r\n  #ozel-bilgi-paneli { \r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 2px; \r\n    width: 100%;\r\n    animation: ozelFadeIn 0.5s ease forwards;\r\n  }\r\n\r\n  \/* Derece ve Y\u00f6n Yan Yana *\/\r\n  #derece-yon-kapsayici {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-bottom: 0px;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  #ozel-aci-ekrani {\r\n    font-size: 32px; \/* Ta\u015fmay\u0131 \u00f6nlemek i\u00e7in hafif k\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\r\n    font-weight: 900;\r\n    color: #2c3e50;\r\n    line-height: 1;\r\n  }\r\n\r\n  #ozel-yon-ekrani {\r\n    font-size: 18px; \/* Ta\u015fmay\u0131 \u00f6nlemek i\u00e7in hafif k\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\r\n    font-weight: 800;\r\n    color: #17a2b8; \r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .pusula-lejant {\r\n    font-size: 11px;\r\n    color: #6c757d;\r\n    margin-bottom: 4px;\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  #koordinat-kapsayici {\r\n    position: relative;\r\n    margin-top: 2px;\r\n    margin-bottom: 4px;\r\n    width: 90%;\r\n    max-width: 400px;\r\n  }\r\n\r\n  \/* D\u00dcZELT\u0130LD\u0130: Beyaz Arkaplan, Daha \u0130nce Y\u00fckseklik ve Zarif \u00c7er\u00e7eve *\/\r\n  .dropdown-trigger {\r\n    background: #ffffff; \r\n    padding: 6px 15px; \/* Y\u00fckseklik daralt\u0131ld\u0131 *\/\r\n    border: 1px solid #e2e8f0; \/* Beyaz oldu\u011fu i\u00e7in hafif bir \u00e7izgi eklendi *\/\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05); \/* \u015e\u0131k bir g\u00f6lge *\/\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative; \r\n    justify-content: center; \r\n    cursor: pointer;\r\n    user-select: none;\r\n    transition: background 0.2s;\r\n  }\r\n  \r\n  .dropdown-trigger:active { background: #f8f9fa; }\r\n\r\n  #koordinat-ekrani {\r\n    font-size: 17px; \/* Kutu darald\u0131\u011f\u0131 i\u00e7in font hafif k\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\r\n    font-family: 'Roboto Condensed', 'Arial Narrow', 'Helvetica Neue Condensed', 'Oswald', sans-serif; \r\n    font-weight: 700;\r\n    font-stretch: condensed; \r\n    color: #2c3e50;\r\n    letter-spacing: -0.5px; \r\n    white-space: nowrap; \r\n    transition: letter-spacing 0.2s ease; \r\n    text-align: center; \r\n    padding: 0 20px;\r\n  }\r\n\r\n  .dropdown-arrow {\r\n    font-size: 14px;\r\n    color: #e74c3c;\r\n    position: absolute; \r\n    right: 10px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* EKRANIN ORTASINDA A\u00c7ILAN POP-UP MEN\u00dc *\/\r\n  .dropdown-overlay {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.5); \r\n    backdrop-filter: blur(2px);\r\n    display: none;\r\n    z-index: 9998;\r\n  }\r\n\r\n  .dropdown-menu {\r\n    position: fixed;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%); \r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n    width: 85%; \r\n    max-width: 280px; \r\n    overflow: hidden;\r\n    display: none;\r\n    z-index: 9999;\r\n    border: none;\r\n  }\r\n\r\n  .dropdown-item {\r\n    padding: 15px;\r\n    font-size: 15px;\r\n    font-family: Arial, Helvetica, sans-serif; \r\n    font-weight: 600;\r\n    color: #4a4a4a;\r\n    cursor: pointer;\r\n    text-align: center; \r\n    transition: background 0.2s ease;\r\n    border-bottom: 1px solid #f0f0f0;\r\n  }\r\n  \r\n  .dropdown-item:last-child { border-bottom: none; }\r\n  .dropdown-item:hover { background: #f8f9fa; }\r\n\r\n  .dropdown-item.selected {\r\n    background: #2ecc71;\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #ozel-astronomi-saatleri {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #4a4a4a;\r\n    background: #ffffff;\r\n    padding: 6px 18px; \r\n    border-radius: 25px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .saat-deger {\r\n    color: #d35400; \r\n    font-weight: 800;\r\n    font-size: 14px;\r\n  }\r\n\r\n  #ozel-baslat-btn {\r\n    background-color: #17a2b8;\r\n    color: white;\r\n    border: none;\r\n    padding: 10px 30px; \/* Buton y\u00fcksekli\u011fi daralt\u0131ld\u0131 *\/\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    box-shadow: 0 6px 15px rgba(23, 162, 184, 0.25);\r\n    transition: all 0.3s ease;\r\n    margin-top: 10px;\r\n  }\r\n  #ozel-baslat-btn:hover { background-color: #138496; transform: translateY(-2px); }\r\n\r\n  #ozel-bilgi-metni {\r\n    margin-top: 12px;\r\n    font-size: 13px;\r\n    color: #6c757d;\r\n    max-width: 290px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  @keyframes ozelFadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u0130NFO BUTONU VE UYARI PENCERES\u0130 *\/\r\n  #ozel-info-btn {\r\n    position: absolute;\r\n    top: 5px;\r\n    right: 10px;\r\n    width: 32px; \/* Kadranla orant\u0131l\u0131 olmas\u0131 i\u00e7in k\u00fc\u00e7\u00fclt\u00fcld\u00fc *\/\r\n    height: 32px;\r\n    background-color: #db093a;\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    font-family: serif;\r\n    cursor: pointer;\r\n    z-index: 30;\r\n    box-shadow: 0 3px 8px rgba(0,0,0,0.2);\r\n    border: 2px solid white;\r\n    transition: transform 0.2s ease;\r\n  }\r\n  #ozel-info-btn:hover { transform: scale(1.1); }\r\n\r\n  #ozel-info-modal {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 9999;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    backdrop-filter: blur(3px);\r\n  }\r\n\r\n  #ozel-info-icerik {\r\n    background: #ffffff;\r\n    padding: 25px;\r\n    border-radius: 16px;\r\n    max-width: 380px;\r\n    text-align: left;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;\r\n  }\r\n\r\n  #ozel-info-icerik h3 {\r\n    margin-top: 0;\r\n    color: #2c3e50;\r\n    font-size: 18px;\r\n    border-bottom: 2px solid #f0f0f0;\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  #ozel-info-icerik ul { padding-left: 20px; margin-bottom: 0; }\r\n  #ozel-info-icerik li { font-size: 14px; color: #4a4a4a; line-height: 1.6; margin-bottom: 12px; }\r\n\r\n  #ozel-info-kapat {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 30px;\r\n    font-size: 40px;\r\n    cursor: pointer;\r\n    color: #95a5a6;\r\n    font-weight: bold;\r\n    line-height: 1;\r\n    transition: color 0.2s ease;\r\n  }\r\n  #ozel-info-kapat:hover { color: #d32f2f; }\r\n<\/style>\r\n\r\n<div id=\"ozel-pusula-wrapper\">\r\n  \r\n  <div id=\"ozel-pusula-cerceve\" style=\"opacity: 0.35;\">\r\n    <div id=\"ozel-info-btn\" title=\"Kullan\u0131m Uyar\u0131lar\u0131\">i<\/div>\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/pusula__alt_kadran.svg\" id=\"sabit-alt-kadran\" alt=\"Pusula G\u00f6vdesi\">\r\n    \r\n    <div id=\"ozel-pusula-kadran\">\r\n      <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/pusula__ust_kadran.svg\" id=\"donen-ust-kadran\" alt=\"Pusula \u00c7emberi\">\r\n      \r\n      <!-- Yeni SVG G\u00f6rselleriyle De\u011fi\u015ftirilmi\u015f Katmanlar -->\r\n      <div class=\"manyetik-isaretci-kapsayici\" id=\"katman-manyetik\">\r\n        <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/mk.svg\" class=\"tam-boyutlu-katman-gorseli\" alt=\"Manyetik Kuzey\">\r\n      <\/div>\r\n      \r\n      <div class=\"ozel-astronomi-katmani\" id=\"katman-dogus\">\r\n        <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/dogu.svg\" class=\"tam-boyutlu-katman-gorseli\" alt=\"Do\u011fu\u015f Noktas\u0131\">\r\n      <\/div>\r\n      \r\n      <div class=\"ozel-astronomi-katmani\" id=\"katman-batis\">\r\n        <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/bati.svg\" class=\"tam-boyutlu-katman-gorseli\" alt=\"Bat\u0131\u015f Noktas\u0131\">\r\n      <\/div>\r\n      \r\n      <div class=\"ozel-astronomi-katmani\" id=\"katman-kible\">\r\n        <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/kible.svg\" class=\"tam-boyutlu-katman-gorseli\" alt=\"K\u0131ble\">\r\n      <\/div>\r\n\r\n      <div class=\"ozel-astronomi-katmani\" id=\"katman-gunes\">\r\n        <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/pusula\/gunes.svg\" class=\"tam-boyutlu-katman-gorseli\" alt=\"G\u00fcne\u015f Konumu\">\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"ozel-merkez-logo-alani\">\r\n      <img decoding=\"async\" src=\"https:\/\/kastamonugezirehberi.com\/wp-content\/uploads\/2026\/06\/MKINEBOLULOGO.webp\" id=\"pusula-orta-logo\" alt=\"\u0130nebolu Logo\">\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <button id=\"ozel-baslat-btn\">Pusulay\u0131 Etkinle\u015ftir<\/button>\r\n  <p id=\"ozel-bilgi-metni\">Pusulay\u0131 kullanmak i\u00e7in butona t\u0131klay\u0131p sens\u00f6r ve konum eri\u015fimine izin verin.<\/p>\r\n\r\n  <div id=\"ozel-bilgi-paneli\">\r\n    \r\n    <!-- Derece ve Y\u00f6n Yan Yana -->\r\n    <div id=\"derece-yon-kapsayici\">\r\n      <div id=\"ozel-aci-ekrani\">--\u00b0<\/div>\r\n      <div id=\"ozel-yon-ekrani\">Y\u00d6N BEKLEN\u0130YOR<\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"pusula-lejant\">\r\n      <span><strong style=\"color: #d32f2f;\">K:<\/strong> Ger\u00e7ek Kuzey<\/span>\r\n      <span><strong style=\"color: #007bff;\">MK:<\/strong> Manyetik Kuzey<\/span>\r\n      <span><strong style=\"color: #2ecc71;\">\u25b2<\/strong> K\u0131ble<\/span> \r\n    <\/div>\r\n\r\n    <!-- \u00d6ZEL VE K\u0130BAR A\u00c7ILIR MEN\u00dc -->\r\n    <div id=\"koordinat-kapsayici\">\r\n      <div class=\"dropdown-trigger\" id=\"koordinat-trigger\" title=\"Format\u0131 de\u011fi\u015ftirmek i\u00e7in t\u0131klay\u0131n\">\r\n        <div id=\"koordinat-ekrani\">Koordinat Bekleniyor...<\/div>\r\n        <div class=\"dropdown-arrow\">\u25bc<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Ortada A\u00e7\u0131lan Transparan Arkaplan ve Men\u00fc -->\r\n    <div class=\"dropdown-overlay\" id=\"koordinat-overlay\"><\/div>\r\n    <div class=\"dropdown-menu\" id=\"koordinat-menu\">\r\n      <div class=\"dropdown-item selected\" data-value=\"dd\">Ondal\u0131k Derece (DD)<\/div>\r\n      <div class=\"dropdown-item\" data-value=\"dms\">Derece Dakika Saniye (DMS)<\/div>\r\n      <div class=\"dropdown-item\" data-value=\"mgrs\">Askeri Grid (MGRS)<\/div>\r\n    <\/div>\r\n\r\n    <div id=\"ozel-astronomi-saatleri\">\r\n      <span>\ud83c\udf05 Do\u011fu\u015f: <span class=\"saat-deger\" id=\"saat-dogus\">--:--<\/span><\/span>\r\n      <span style=\"color:#eee;\">|<\/span>\r\n      <span>\ud83c\udf07 Bat\u0131\u015f: <span class=\"saat-deger\" id=\"saat-batis\">--:--<\/span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"ozel-info-modal\">\r\n    <div id=\"ozel-info-icerik\">\r\n      <span id=\"ozel-info-kapat\">&times;<\/span>\r\n      <h3>\u26a0\ufe0f Pusula Kullan\u0131m Uyar\u0131lar\u0131<\/h3>\r\n      <ul>\r\n        <li><strong>Manyetik Kalibrasyon:<\/strong> Pusulay\u0131 ilk \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, telefonunuzu havada yatay \u015fekilde bir ka\u00e7 kez <b>8 (sonsuzluk)<\/b> \u00e7izecek \u015fekilde hareket ettirerek manyetik alan\u0131 s\u0131f\u0131rlay\u0131n.<\/li>\r\n        <li><strong>M\u0131knat\u0131sl\u0131 K\u0131l\u0131flar:<\/strong> M\u0131knat\u0131sl\u0131 kilit veya ara\u00e7 tutucu mekanizmas\u0131na sahip telefon k\u0131l\u0131flar\u0131 manyetik sens\u00f6r\u00fc do\u011frudan etkileyecektir. Do\u011fru y\u00f6n i\u00e7in l\u00fctfen bu k\u0131l\u0131flar\u0131 \u00e7\u0131kar\u0131n.<\/li>\r\n        <li><strong>\u00c7evresel Etkiler:<\/strong> Y\u00fcksek gerilim hatlar\u0131, b\u00fcy\u00fck demir k\u00fctleler ve elektronik cihazlar\u0131n yayd\u0131\u011f\u0131 manyetik alanlar pusulan\u0131n sapmas\u0131na neden olur.<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  const kadran = document.getElementById('ozel-pusula-kadran');\r\n  const aciEkrani = document.getElementById('ozel-aci-ekrani');\r\n  const yonEkrani = document.getElementById('ozel-yon-ekrani');\r\n  const baslatBtn = document.getElementById('ozel-baslat-btn');\r\n  const pusulaGovde = document.getElementById('ozel-pusula-cerceve');\r\n  const bilgiPaneli = document.getElementById('ozel-bilgi-paneli');\r\n  const bilgiMetni = document.getElementById('ozel-bilgi-metni');\r\n  \r\n  const dogusKatmani = document.getElementById('katman-dogus');\r\n  const batisKatmani = document.getElementById('katman-batis');\r\n  const gunesKatmani = document.getElementById('katman-gunes');\r\n  const manyetikKatmani = document.getElementById('katman-manyetik'); \r\n  const kibleKatmani = document.getElementById('katman-kible'); \r\n  \r\n  const saatDogus = document.getElementById('saat-dogus');\r\n  const saatBatis = document.getElementById('saat-batis');\r\n\r\n  \/\/ \u00d6zel Dropdown Elemanlar\u0131\r\n  const koordinatTrigger = document.getElementById('koordinat-trigger');\r\n  const koordinatMenu = document.getElementById('koordinat-menu');\r\n  const koordinatOverlay = document.getElementById('koordinat-overlay');\r\n  const dropdownItems = document.querySelectorAll('.dropdown-item');\r\n  const koordinatEkrani = document.getElementById('koordinat-ekrani');\r\n  let seciliFormat = 'dd';\r\n\r\n  const infoBtn = document.getElementById('ozel-info-btn');\r\n  const infoModal = document.getElementById('ozel-info-modal');\r\n  const infoKapat = document.getElementById('ozel-info-kapat');\r\n  \r\n  \/\/ Modallar\u0131 body'ye ta\u015f\u0131 (Z-index sorunu olmamas\u0131 i\u00e7in)\r\n  document.body.appendChild(infoModal);\r\n  document.body.appendChild(koordinatOverlay);\r\n  document.body.appendChild(koordinatMenu);\r\n\r\n  let mevcutAci = 0;\r\n  let hedefAci = 0;\r\n  let pusulaCalisiyor = false;\r\n\r\n  let manyetikSapma = 6.1; \r\n  manyetikKatmani.style.transform = `rotate(${manyetikSapma}deg)`;\r\n\r\n  \/\/ Koordinat Global De\u011fi\u015fkenleri\r\n  let anlikEnlem = null;\r\n  let anlikBoylam = null;\r\n\r\n  \/\/ Dropdown (Ortada A\u00e7\u0131lan Men\u00fc) Kontrolleri\r\n  koordinatTrigger.addEventListener('click', (e) => {\r\n    e.stopPropagation();\r\n    koordinatOverlay.style.display = 'block';\r\n    koordinatMenu.style.display = 'block';\r\n  });\r\n\r\n  dropdownItems.forEach(item => {\r\n    item.addEventListener('click', (e) => {\r\n      e.stopPropagation();\r\n      dropdownItems.forEach(i => i.classList.remove('selected'));\r\n      item.classList.add('selected');\r\n      seciliFormat = item.getAttribute('data-value');\r\n      \r\n      koordinatOverlay.style.display = 'none';\r\n      koordinatMenu.style.display = 'none';\r\n      koordinatiGuncelle();\r\n    });\r\n  });\r\n\r\n  \/\/ Arkaplan karart\u0131s\u0131na t\u0131klay\u0131nca men\u00fcy\u00fc kapat\r\n  koordinatOverlay.addEventListener('click', () => {\r\n    koordinatOverlay.style.display = 'none';\r\n    koordinatMenu.style.display = 'none';\r\n  });\r\n\r\n  function getYon\u0130smi(derece) {\r\n    const yonler = [\"KUZEY\", \"KUZEYDO\u011eU\", \"DO\u011eU\", \"G\u00dcNEYDO\u011eU\", \"G\u00dcNEY\", \"G\u00dcNEYBATI\", \"BATI\", \"KUZEYBATI\"];\r\n    const indeks = Math.round(derece \/ 45) % 8;\r\n    return yonler[indeks];\r\n  }\r\n\r\n  function animasyonDongusu() {\r\n    if (!pusulaCalisiyor) return;\r\n    let fark = hedefAci - mevcutAci;\r\n    if (fark > 180) fark -= 360;\r\n    if (fark < -180) fark += 360;\r\n    mevcutAci += fark * 0.1;\r\n\r\n    let gostergeAcisi = Math.round(mevcutAci) % 360;\r\n    if (gostergeAcisi < 0) gostergeAcisi += 360;\r\n\r\n    aciEkrani.innerText = gostergeAcisi + '\u00b0';\r\n    yonEkrani.innerText = getYon\u0130smi(gostergeAcisi);\r\n\r\n    kadran.style.transform = `rotate(${-mevcutAci}deg)`;\r\n    requestAnimationFrame(animasyonDongusu);\r\n  }\r\n\r\n  function sensorDinle(event) {\r\n    let hamManyetikAci = null;\r\n\r\n    if (event.webkitCompassHeading) {\r\n      hamManyetikAci = event.webkitCompassHeading;\r\n    } else if (event.absolute === true && event.alpha != null) {\r\n      hamManyetikAci = 360 - event.alpha; \r\n    }\r\n\r\n    if (hamManyetikAci !== null) {\r\n      hedefAci = hamManyetikAci + manyetikSapma;\r\n    }\r\n  }\r\n\r\n  function saatFormatla(tarihObjesi) {\r\n    if (isNaN(tarihObjesi)) return \"--:--\";\r\n    const saat = tarihObjesi.getHours().toString().padStart(2, '0');\r\n    const dakika = tarihObjesi.getMinutes().toString().padStart(2, '0');\r\n    return `${saat}:${dakika}`;\r\n  }\r\n\r\n  function dereceDakikaSaniye(deg, isLat) {\r\n    var d = Math.floor(Math.abs(deg));\r\n    var minfloat = (Math.abs(deg) - d) * 60;\r\n    var m = Math.floor(minfloat);\r\n    var secfloat = (minfloat - m) * 60;\r\n    var s = Math.round(secfloat * 10) \/ 10;\r\n    var dir = deg >= 0 ? (isLat ? \"N\" : \"E\") : (isLat ? \"S\" : \"W\");\r\n    return d + \"\u00b0 \" + m + \"' \" + s + '\\\" ' + dir;\r\n  }\r\n\r\n  function koordinatiGuncelle() {\r\n    if (anlikEnlem === null || anlikBoylam === null) return;\r\n    \r\n    if (seciliFormat === 'dd') {\r\n      koordinatEkrani.style.letterSpacing = \"1.5px\"; \r\n      koordinatEkrani.innerText = anlikEnlem.toFixed(6) + \", \" + anlikBoylam.toFixed(6);\r\n    } \r\n    else if (seciliFormat === 'dms') {\r\n      koordinatEkrani.style.letterSpacing = \"-0.5px\"; \r\n      const latDMS = dereceDakikaSaniye(anlikEnlem, true);\r\n      const lonDMS = dereceDakikaSaniye(anlikBoylam, false);\r\n      koordinatEkrani.innerText = latDMS + \" | \" + lonDMS;\r\n    } \r\n    else if (seciliFormat === 'mgrs') {\r\n      koordinatEkrani.style.letterSpacing = \"1.5px\"; \r\n      if (typeof window.mgrs !== 'undefined') {\r\n        let hamMGRS = window.mgrs.forward([anlikBoylam, anlikEnlem]);\r\n        let formatliMGRS = hamMGRS.replace(\/^(\\d{1,2}[A-Z])([A-Z]{2})(\\d{5})(\\d{5})$\/, '$1 $2 $3 $4');\r\n        koordinatEkrani.innerText = formatliMGRS;\r\n      } else {\r\n        koordinatEkrani.innerText = \"MGRS Y\u00fcklenemedi\";\r\n      }\r\n    }\r\n  }\r\n\r\n  function astronomiVerileriniGuncelle(enlem, boylam) {\r\n    anlikEnlem = enlem;\r\n    anlikBoylam = boylam;\r\n    koordinatiGuncelle();\r\n\r\n    manyetikSapma = 4.0 + (boylam * 0.062);\r\n    manyetikKatmani.style.transform = `rotate(${manyetikSapma}deg)`;\r\n\r\n    const simdi = new Date();\r\n    \r\n    const anlikPozisyon = SunCalc.getPosition(simdi, enlem, boylam);\r\n    const anlikAci = (anlikPozisyon.azimuth * 180 \/ Math.PI) + 180;\r\n    gunesKatmani.style.transform = `rotate(${anlikAci}deg)`;\r\n    gunesKatmani.style.display = 'block';\r\n\r\n    let gunesDerece = anlikPozisyon.altitude * (180 \/ Math.PI);\r\n    let baslangicDerecesi = 0.5; \r\n    let bitisDerecesi = -0.833;\r\n\r\n    let opacity = (gunesDerece - bitisDerecesi) \/ (baslangicDerecesi - bitisDerecesi);\r\n    opacity = Math.max(0, Math.min(1, opacity)); \r\n\r\n    gunesKatmani.style.opacity = opacity.toFixed(2);\r\n\r\n    const zamanlar = SunCalc.getTimes(simdi, enlem, boylam);\r\n    \r\n    const dogusPozisyonu = SunCalc.getPosition(zamanlar.sunrise, enlem, boylam);\r\n    const dogusAcisi = (dogusPozisyonu.azimuth * 180 \/ Math.PI) + 180;\r\n    dogusKatmani.style.transform = `rotate(${dogusAcisi}deg)`;\r\n    dogusKatmani.style.display = 'block';\r\n    saatDogus.innerText = saatFormatla(zamanlar.sunrise);\r\n\r\n    const batisPozisyonu = SunCalc.getPosition(zamanlar.sunset, enlem, boylam);\r\n    const batisAcisi = (batisPozisyonu.azimuth * 180 \/ Math.PI) + 180;\r\n    batisKatmani.style.transform = `rotate(${batisAcisi}deg)`;\r\n    batisKatmani.style.display = 'block';\r\n    saatBatis.innerText = saatFormatla(zamanlar.sunset);\r\n\r\n    const kabeEnlem = 21.422487 * (Math.PI \/ 180);\r\n    const kabeBoylam = 39.826206 * (Math.PI \/ 180);\r\n    const userEnlem = enlem * (Math.PI \/ 180);\r\n    const userBoylam = boylam * (Math.PI \/ 180);\r\n\r\n    const boylamFarki = kabeBoylam - userBoylam;\r\n\r\n    const yKible = Math.sin(boylamFarki);\r\n    const xKible = Math.cos(userEnlem) * Math.tan(kabeEnlem) - Math.sin(userEnlem) * Math.cos(boylamFarki);\r\n\r\n    let kibleAcisi = Math.atan2(yKible, xKible) * (180 \/ Math.PI);\r\n    if (kibleAcisi < 0) kibleAcisi += 360;\r\n\r\n    kibleKatmani.style.transform = `rotate(${kibleAcisi}deg)`;\r\n    kibleKatmani.style.display = 'block';\r\n  }\r\n\r\n  function konumuTakipEt() {\r\n    if (\"geolocation\" in navigator) {\r\n      navigator.geolocation.getCurrentPosition(\r\n        function(position) {\r\n          const enlem = position.coords.latitude;\r\n          const boylam = position.coords.longitude;\r\n          astronomiVerileriniGuncelle(enlem, boylam);\r\n          setInterval(() => astronomiVerileriniGuncelle(enlem, boylam), 15000);\r\n        },\r\n        function(error) {\r\n          console.warn(\"Konum izni reddedildi.\");\r\n          koordinatEkrani.innerText = \"GPS \u0130zni Verilmedi\";\r\n        }\r\n      );\r\n    }\r\n  }\r\n\r\n  baslatBtn.addEventListener('click', function() {\r\n    if (typeof DeviceOrientationEvent !== 'undefined' && typeof DeviceOrientationEvent.requestPermission === 'function') {\r\n      DeviceOrientationEvent.requestPermission()\r\n        .then(izin => {\r\n          if (izin === 'granted') {\r\n            baslat();\r\n          } else {\r\n            alert('Pusulay\u0131 kullanabilmek i\u00e7in sens\u00f6r izni vermeniz gerekmektedir.');\r\n          }\r\n        })\r\n        .catch(console.error);\r\n    } else {\r\n      baslat();\r\n    }\r\n  });\r\n\r\n  function baslat() {\r\n    baslatBtn.style.display = 'none';\r\n    bilgiMetni.style.display = 'none';\r\n    \r\n    pusulaGovde.style.opacity = '1';\r\n    bilgiPaneli.style.display = 'flex'; \r\n    manyetikKatmani.style.display = 'block'; \r\n    \r\n    if ('ondeviceorientationabsolute' in window) {\r\n      window.addEventListener('deviceorientationabsolute', sensorDinle, true);\r\n    } else {\r\n      window.addEventListener('deviceorientation', sensorDinle, true);\r\n    }\r\n\r\n    pusulaCalisiyor = true;\r\n    animasyonDongusu();\r\n    konumuTakipEt();\r\n  }\r\n\r\n  infoBtn.addEventListener('click', function() {\r\n    infoModal.style.display = 'flex';\r\n  });\r\n\r\n  infoKapat.addEventListener('click', function() {\r\n    infoModal.style.display = 'none';\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<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02ad2ab elementor-widget elementor-widget-html\" data-id=\"02ad2ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Kontrol Konteyneri: Butonlar\u0131 sa\u011f ortada hizalar *\/\r\n.offline-controls-container {\r\n    position: fixed !important; \/* Sadece buras\u0131 de\u011fi\u015fti *\/\r\n    top: 50% !important; \r\n    transform: translateY(-50%) !important; \r\n    right: 10px;\r\n    z-index: 2147483647 !important; \r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: flex-end;\r\n    margin-top: 30px;\r\n    \r\n    \/* YEN\u0130 EKLENEN: Ba\u015flang\u0131\u00e7ta g\u00f6r\u00fcnmez yap ve ge\u00e7i\u015f animasyonu ekle *\/\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.5s ease;\r\n}\r\n\r\n\/* Yuvarlak Butonlar\u0131n Ortak Stili *\/\r\n.round-map-btn {\r\n    width: 44px;\r\n    height: 44px;\r\n    background-color: white;\r\n    border: 2px solid #fff;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 6px rgba(0,0,0,0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s ease;\r\n    padding: 0;\r\n}\r\n.round-map-btn:hover {\r\n    background-color: #f8f9fa;\r\n    transform: scale(1.05);\r\n}\r\n.round-map-btn svg {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n\/* Kay\u0131t Animasyonu: Etrafa hafif k\u0131rm\u0131z\u0131 dalga yayar *\/\r\n@keyframes pulse-record {\r\n    0% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7); }\r\n    70% { box-shadow: 0 0 0 10px rgba(231, 76, 60, 0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0); }\r\n}\r\n.recording-active {\r\n    border-color: #e74c3c;\r\n    animation: pulse-record 1.5s infinite;\r\n}\r\n\r\n\/* Bilgi (Info) Pop-up Stili (G\u00dcNCELLEND\u0130 - Butonlar\u0131 Asla Kayd\u0131rmaz) *\/\r\n.offline-info-popup {\r\n    display: none;\r\n    position: absolute !important; \/* Kutuyu ak\u0131\u015ftan \u00e7\u0131kar\u0131r, butonlar sabit kal\u0131r *\/\r\n    right: 55px !important;        \/* Butonun hemen solunda belirmesini sa\u011flar *\/\r\n    top: 0 !important;             \/* \"i\" butonu ile \u00fcstten ayn\u0131 hizaya kilitler *\/\r\n    z-index: 2147483647 !important;\r\n    background-color: white;\r\n    color: #333;\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.25);\r\n    width: 240px; \r\n    max-width: calc(100vw - 80px); \/* Dar telefon ekranlar\u0131nda d\u0131\u015far\u0131 ta\u015fmas\u0131n\u0131 engeller *\/\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    font-family: sans-serif;\r\n    border-right: 4px solid #3498db; \/* \u00c7izgiyi sa\u011fa ald\u0131k \u00e7\u00fcnk\u00fc buton sa\u011f\u0131nda kald\u0131 *\/\r\n    transform-origin: right top;   \/* Animasyonun sa\u011f \u00fcstten (butondan) \u00e7\u0131kmas\u0131n\u0131 sa\u011flar *\/\r\n    animation: popup-fade 0.2s ease-out;\r\n}\r\n\r\n@keyframes popup-fade {\r\n    from { opacity: 0; transform: scale(0.9) translateX(10px); }\r\n    to { opacity: 1; transform: scale(1) translateX(0); }\r\n}\r\n.offline-info-popup h4 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 14px;\r\n    color: #2c3e50;\r\n}\r\n<\/style>\r\n\r\n<div class=\"offline-controls-container\">\r\n    \r\n    <div id=\"offline-info-popup\" class=\"offline-info-popup\">\r\n        <h4>\u00c7evrimd\u0131\u015f\u0131 Harita<\/h4>\r\n        Araziye veya rotaya \u00e7\u0131kmadan \u00f6nce alttaki <b>kay\u0131t butonuna<\/b> bas\u0131n ve haritada y\u00fcr\u00fcyece\u011finiz alanlar\u0131 parma\u011f\u0131n\u0131zla gezinin. Sistem, gezindi\u011finiz b\u00f6lgeleri telefonunuza kaydeder. \u0130\u015fleminiz bitince butona bas\u0131p kayd\u0131 durdurun.\r\n    <\/div>\r\n\r\n    <button id=\"offline-info-btn\" class=\"round-map-btn\" title=\"Nas\u0131l Kullan\u0131l\u0131r?\">\r\n        <svg fill=\"#3498db\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\r\n    <\/button>\r\n\r\n    <button id=\"offline-record-btn\" class=\"round-map-btn\" title=\"Haritay\u0131 Kaydet\">\r\n        <svg id=\"icon-record\" fill=\"#e74c3c\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><\/svg>\r\n        \r\n        <svg id=\"icon-stop\" style=\"display: none;\" fill=\"#2c3e50\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\"\/><\/svg>\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u00c7evrimd\u0131\u015f\u0131 Kontrolleri Kaps\u00fclleme (De\u011fi\u015fken \u00c7ak\u0131\u015fmalar\u0131n\u0131 \u00d6nler)\r\n(function() {\r\n    let isRecording = false;\r\n    const recordBtn = document.getElementById('offline-record-btn');\r\n    const iconRecord = document.getElementById('icon-record');\r\n    const iconStop = document.getElementById('icon-stop');\r\n    const infoBtn = document.getElementById('offline-info-btn');\r\n    const infoPopup = document.getElementById('offline-info-popup');\r\n\r\n    \/\/ E\u011fer butonlar sayfada o an yoksa, hata vermemesi i\u00e7in i\u015flemi durdur\r\n    if (!recordBtn || !infoBtn) return; \r\n\r\n    \/\/ Info butonuna t\u0131kland\u0131\u011f\u0131nda Pop-up'\u0131 a\u00e7\/kapat\r\n    infoBtn.addEventListener('click', (e) => {\r\n        e.stopPropagation(); \r\n        if (infoPopup.style.display === 'block') {\r\n            infoPopup.style.display = 'none';\r\n        } else {\r\n            infoPopup.style.display = 'block';\r\n        }\r\n    });\r\n\r\n    \/\/ Haritan\u0131n herhangi bir yerine t\u0131klan\u0131nca pop-up'\u0131 otomatik gizle\r\n    document.addEventListener('click', (e) => {\r\n        if (!infoPopup.contains(e.target) && !infoBtn.contains(e.target)) {\r\n            infoPopup.style.display = 'none';\r\n        }\r\n    });\r\n\r\n    \/\/ Record butonuna t\u0131kland\u0131\u011f\u0131nda\r\n    recordBtn.addEventListener('click', () => {\r\n        if (navigator.serviceWorker && navigator.serviceWorker.controller) {\r\n            isRecording = !isRecording;\r\n            \r\n            if (isRecording) {\r\n                \/\/ KAYIT BA\u015eLADI\r\n                iconRecord.style.display = 'none';\r\n                iconStop.style.display = 'block';\r\n                recordBtn.classList.add('recording-active');\r\n                recordBtn.title = \"Kayd\u0131 Durdur\";\r\n                \r\n                navigator.serviceWorker.controller.postMessage({ action: 'START_RECORDING' });\r\n\r\n                setTimeout(() => {\r\n                    const resources = performance.getEntriesByType(\"resource\");\r\n                    resources.forEach(res => {\r\n                        if (res.name.includes('wpgmza') || res.name.includes('.xml') || res.name.includes('.kml')) {\r\n                            fetch(res.name).catch(() => {}); \r\n                        }\r\n                    });\r\n                    console.log(\"\u00c7evrimd\u0131\u015f\u0131 kay\u0131t motoru pinleri ba\u015far\u0131yla havuza g\u00f6nderdi.\");\r\n                }, 500); \r\n\r\n            } else {\r\n                \/\/ KAYIT DURDU\r\n                iconStop.style.display = 'none';\r\n                iconRecord.style.display = 'block';\r\n                recordBtn.classList.remove('recording-active');\r\n                recordBtn.title = \"Haritay\u0131 Kaydet\";\r\n                \r\n                navigator.serviceWorker.controller.postMessage({ action: 'STOP_RECORDING' });\r\n            }\r\n        } else {\r\n            alert(\"\u00c7evrimd\u0131\u015f\u0131 sistem uyan\u0131yor, l\u00fctfen sayfay\u0131 yenileyip tekrar deneyin.\");\r\n        }\r\n    });\r\n})();\r\n\r\n\/\/ --- \u00c7EVR\u0130MDI\u015eI BUTONLARINI HAR\u0130TA \u0130\u00c7\u0130NE TA\u015eIMA VE G\u00d6STERME MOTORU ---\r\njQuery(document).ready(function($) {\r\n    function butonlariHaritayaTasi() {\r\n        var haritaKutusu = $('.ol-viewport'); \r\n        var butonKutusu = $('.offline-controls-container');\r\n        \r\n        if (haritaKutusu.length > 0 && butonKutusu.length > 0) {\r\n            if (butonKutusu.parent()[0] !== haritaKutusu[0]) {\r\n                haritaKutusu.append(butonKutusu);\r\n                console.log(\"\u00c7evrimd\u0131\u015f\u0131 butonlar\u0131 harita i\u00e7ine ta\u015f\u0131nd\u0131.\");\r\n            }\r\n            \r\n            setTimeout(function() {\r\n                butonKutusu.css({\r\n                    'opacity': '1',\r\n                    'visibility': 'visible'\r\n                });\r\n            }, 100); \r\n        }\r\n    }\r\n\r\n    $(document).on('mapcreated.wpgmza', function() {\r\n        setTimeout(butonlariHaritayaTasi, 500);\r\n    });\r\n    \r\n    setTimeout(butonlariHaritayaTasi, 1500);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d7e910 elementor-widget elementor-widget-html\" data-id=\"7d7e910\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\njQuery(document).ready(function($) {\r\n    \r\n    \/\/ Elementor Sekmelerine (Hem yeni hem eski s\u00fcr\u00fcme uygun) t\u0131klan\u0131ld\u0131\u011f\u0131nda \u00e7al\u0131\u015f\u0131r\r\n    $('body').on('click', '.e-n-tab-title, .elementor-tab-title', function() {\r\n        \r\n        \/\/ 1. ADIM: A\u00c7IK OLAN B\u0130LG\u0130 PENCERELER\u0130N\u0130 KAPAT\r\n        \/\/ WP Google Maps API \u00fczerinden kapatma komutu g\u00f6nderir\r\n        if (typeof WPGMZA !== 'undefined' && WPGMZA.maps) {\r\n            \/\/ T\u00fcm haritalar\u0131 d\u00f6ng\u00fcye al\r\n            WPGMZA.maps.forEach(function(map) {\r\n                if (map.infoWindow) {\r\n                    map.infoWindow.close();\r\n                }\r\n                \/\/ Eski s\u00fcr\u00fcm motorlar i\u00e7in yedek kontrol\r\n                if (map.infowindow) {\r\n                    map.infowindow.close();\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ 2. ADIM: MANUEL KAPATMA (YEDEK Y\u00d6NTEM)\r\n        \/\/ E\u011fer API \u00e7al\u0131\u015fmazsa, ekrandaki \"X\" (kapat) butonlar\u0131na yaz\u0131l\u0131msal olarak t\u0131klar.\r\n        \/\/ Google Maps standart kapatma butonu s\u0131n\u0131f\u0131:\r\n        $('.gm-ui-hover-effect').trigger('click'); \r\n        \/\/ WPGMZA varsay\u0131lan kapatma butonu s\u0131n\u0131f\u0131:\r\n        $('.wpgmza-close-info-window').trigger('click');\r\n\r\n        \/\/ 3. ADIM: HAR\u0130TA BOYUTUNU G\u00dcNCELLE (Gri harita sorununu \u00e7\u00f6zer)\r\n        setTimeout(function() {\r\n            window.dispatchEvent(new Event('resize'));\r\n        }, 200); \r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c97b568 elementor-widget elementor-widget-html\" data-id=\"c97b568\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\njQuery(document).ready(function($) {\r\n    \r\n    \/* ============================================================\r\n       BU SAYFAYI \"MOB\u0130L UYGULAMA\" G\u0130B\u0130 K\u0130L\u0130TLE (ZOOM \u0130PTAL\u0130)\r\n       ============================================================ *\/\r\n       \r\n    \/\/ 1. Taray\u0131c\u0131ya kesin emir: \"Sayfay\u0131 %100 boyutunda tut ve kullan\u0131c\u0131n\u0131n b\u00fcy\u00fctmesini YASAKLA\"\r\n    var metaViewport = document.querySelector('meta[name=\"viewport\"]');\r\n    if (metaViewport) {\r\n        metaViewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no');\r\n    } else {\r\n        $('head').append('<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no\">');\r\n    }\r\n\r\n    \/\/ 2. iOS\/Safari \u0130nat\u00e7\u0131l\u0131\u011f\u0131na Kar\u015f\u0131: \u0130ki parmakla b\u00fcy\u00fctme (Pinch-Zoom) tetikleyicilerini zorla durdur\r\n    document.addEventListener('gesturestart', function (e) {\r\n        e.preventDefault();\r\n    });\r\n\r\n    \/\/ 3. \u00c7ift t\u0131klama ile sayfan\u0131n aniden b\u00fcy\u00fcmesini engelle (Buton t\u0131klamalar\u0131n\u0131 bozmaz)\r\n    var lastTouchEnd = 0;\r\n    document.addEventListener('touchend', function (event) {\r\n        \/\/ E\u011fer t\u0131klanan \u015fey haritan\u0131n kendi i\u00e7indeyse (buton vs.) ona kar\u0131\u015fma\r\n        if($(event.target).closest('.wpgmza_map, .ol-viewport').length > 0) return;\r\n        \r\n        var now = (new Date()).getTime();\r\n        if (now - lastTouchEnd <= 300) {\r\n            event.preventDefault();\r\n        }\r\n        lastTouchEnd = now;\r\n    }, { passive: false });\r\n    \r\n});\r\n<\/script>\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>G\u0130D\u0130LEN 0 km KALAN 0 km SAPMA &#8230; GE\u00c7EN S\u00dcRE 00:00 KALAN S\u00dcRE &#8211;:&#8211; ORT. HIZ &#8212; km\/s \u25b6 \u26a0\ufe0f ROTA DI\u015eI L\u00fctfen rotaya yakla\u015f\u0131n RESTORAN VE KAFELER Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif edilerek hizmetinizde olacakt\u0131r. Anlay\u0131\u015f\u0131n\u0131z i\u00e7in te\u015fekk\u00fcrler. OTEL VE PANS\u0130YONLAR Bu b\u00f6l\u00fcm\u00fcn \u00e7al\u0131\u015fmas\u0131 devam ediyor. En k\u0131sa s\u00fcrede aktif [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[],"tags":[],"class_list":["post-4880","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/pages\/4880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/comments?post=4880"}],"version-history":[{"count":662,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/pages\/4880\/revisions"}],"predecessor-version":[{"id":9190,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/pages\/4880\/revisions\/9190"}],"wp:attachment":[{"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/media?parent=4880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/categories?post=4880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kastamonugezirehberi.com\/en\/wp-json\/wp\/v2\/tags?post=4880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}