{"id":158,"date":"2023-10-31T15:12:45","date_gmt":"2023-10-31T12:12:45","guid":{"rendered":"https:\/\/www.drciniktipmerkezi.com\/bize-ulasin\/"},"modified":"2025-11-10T18:35:29","modified_gmt":"2025-11-10T15:35:29","slug":"bize-ulasin","status":"publish","type":"page","link":"https:\/\/drciniktipmerkezi.com\/tr\/bize-ulasin\/","title":{"rendered":"Bize Ula\u015f\u0131n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158 elementor-33\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0ab06 e-flex e-con-boxed e-con e-parent\" data-id=\"9c0ab06\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-afc86a6 e-con-full e-flex e-con e-child\" data-id=\"afc86a6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fdba68 elementor-widget elementor-widget-html\" data-id=\"0fdba68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"konum-bulucu-container\">\n    <div class=\"map-container\" id=\"map\">\n        <!-- Updated map background image -->\n        <img decoding=\"async\" src=\"https:\/\/drciniktipmerkezi.com\/wp-content\/uploads\/2025\/04\/nasil-giderim.jpg\" alt=\"Map\">\n        \n        <!-- Example hospital markers -->\n        <div class=\"custom-marker marker-h\" style=\"top: 100px; left: 140px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 120px; left: 230px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 180px; left: 500px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 80px; left: 650px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 200px; left: 300px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 140px; left: 400px;\"><\/div>\n        <div class=\"custom-marker marker-h\" style=\"top: 250px; left: 695px;\"><\/div>\n        \n        <!-- This source marker will be positioned by JS -->\n        <div class=\"custom-marker marker-source\" id=\"sourceMarker\" style=\"display: none;\"><\/div>\n    <\/div>\n\n    <div class=\"content\">\n        <h2>\u00d6zel Dr. Cinik T\u0131p Merkezi\u2019ne nas\u0131l giderim?<\/h2>\n\n        <div class=\"form-group\">\n            <label for=\"from\">Nereden?<\/label>\n            <input type=\"text\" id=\"from\" placeholder=\"Ba\u015flang\u0131\u00e7 noktas\u0131\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"to\">Nereye?<\/label>\n            <select id=\"to\">\n                <option value=\"fulya-address\">Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>Nas\u0131l?<\/label>\n            <div class=\"transport-options\">\n                <div class=\"transport-option\">\n                    <input type=\"radio\" id=\"car\" name=\"transport\" value=\"car\">\n                    <label for=\"car\">Araba<\/label>\n                <\/div>\n                <div class=\"transport-option\">\n                    <input type=\"radio\" id=\"transit\" name=\"transport\" value=\"transit\" checked>\n                    <label for=\"transit\">Toplu Ta\u015f\u0131ma<\/label>\n                <\/div>\n                <div class=\"transport-option\">\n                    <input type=\"radio\" id=\"walking\" name=\"transport\" value=\"walking\">\n                    <label for=\"walking\">Yaya<\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <button class=\"btn\" id=\"findRouteBtn\">\u00d6\u011fren<\/button>\n\n        <div class=\"route-result\" id=\"routeResult\">\n            <h3>Rota Detaylar\u0131<\/h3>\n            <div class=\"route-details\" id=\"routeDetails\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .konum-bulucu-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background-color: #fff;\n        border-radius: 8px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        overflow: hidden;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    .map-container {\n        width: 100%;\n        height: 300px;\n        position: relative;\n        background-color: #e9eaee;\n    }\n\n    .map-container img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .custom-marker {\n        position: absolute;\n        background-size: contain;\n        background-repeat: no-repeat;\n        width: 30px;\n        height: 40px;\n        transform: translate(-50%, -100%);\n    }\n\n    .marker-h {\n        background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"40\" viewBox=\"0 0 30 40\"><path d=\"M15 0C6.7 0 0 6.7 0 15c0 8.3 15 25 15 25s15-16.7 15-25C30 6.7 23.3 0 15 0z\" fill=\"%23E53935\"\/><circle cx=\"15\" cy=\"15\" r=\"10\" fill=\"white\"\/><text x=\"15\" y=\"20\" font-family=\"Arial\" font-size=\"14\" font-weight=\"bold\" text-anchor=\"middle\" fill=\"%23E53935\">H<\/text><\/svg>');\n    }\n\n    .marker-source {\n        background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"40\" viewBox=\"0 0 30 40\"><path d=\"M15 0C6.7 0 0 6.7 0 15c0 8.3 15 25 15 25s15-16.7 15-25C30 6.7 23.3 0 15 0z\" fill=\"%234285F4\"\/><circle cx=\"15\" cy=\"15\" r=\"10\" fill=\"white\"\/><circle cx=\"15\" cy=\"15\" r=\"5\" fill=\"%234285F4\"\/><\/svg>');\n    }\n\n    .content {\n        padding: 20px;\n    }\n\n    .form-group {\n        margin-bottom: 15px;\n    }\n\n    .content label {\n        display: block;\n        margin-bottom: 5px;\n        font-weight: 600;\n        color: #555;\n    }\n\n    .content input[type=\"text\"], .content select {\n        width: 100%;\n        padding: 10px 15px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        font-size: 14px;\n    }\n\n    .transport-options {\n        display: flex;\n        gap: 20px;\n        margin-top: 10px;\n    }\n\n    .transport-option {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        cursor: pointer;\n    }\n\n    .transport-option input[type=\"radio\"] {\n        width: 18px;\n        height: 18px;\n        cursor: pointer;\n    }\n\n    .transport-option label {\n        margin: 0;\n        cursor: pointer;\n        display: inline;\n    }\n\n    .btn {\n        display: block;\n        width: 100%;\n        padding: 14px;\n        background-color: #4267b2;\n        color: white;\n        border: none;\n        border-radius: 4px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background-color 0.2s;\n        margin-top: 20px;\n    }\n\n    .btn:hover {\n        background-color: #365899;\n    }\n\n    .route-result {\n        margin-top: 20px;\n        padding: 15px;\n        background-color: #f8f9fa;\n        border-radius: 4px;\n        display: none;\n    }\n\n    .route-result h3 {\n        margin-bottom: 10px;\n        color: #4267b2;\n    }\n\n    .route-details {\n        line-height: 1.6;\n    }\n<\/style>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const fromInput = document.getElementById('from');\n        const toSelect = document.getElementById('to');\n        const transportOptions = document.getElementsByName('transport');\n        const findRouteBtn = document.getElementById('findRouteBtn');\n        const routeResult = document.getElementById('routeResult');\n        const routeDetails = document.getElementById('routeDetails');\n        const sourceMarker = document.getElementById('sourceMarker');\n        \n        \/\/ Sample destination coordinates\n        const destinations = {\n            'fulya-address': {\n                lat: 41.053723,\n                lng: 28.992446,\n                address: 'Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul'\n            }\n        };\n        \n        \/\/ Sample transit routes\n        const transitRoutes = {\n            'sisli': {\n                'fulya-address': [\n                    '1. \u015ei\u015fli metrosundan M2 Yenikap\u0131-Hac\u0131osman metrosuna binin',\n                    '2. Osmanbey dura\u011f\u0131nda inin',\n                    '3. Halaskargazi Caddesi \u00fczerinden Fulya y\u00f6n\u00fcne do\u011fru y\u00fcr\u00fcy\u00fcn',\n                    '4. Mevl\u00fct Pehlivan Sokak\\'a d\u00f6n\u00fcn',\n                    '5. 19 numaral\u0131 binaya ula\u015facaks\u0131n\u0131z'\n                ]\n            },\n            'kadikoy': {\n                'fulya-address': [\n                    '1. Kad\u0131k\u00f6y iskelesinden Karak\u00f6y vapuruna binin',\n                    '2. Karak\u00f6y\\'de inin ve M2 Yenikap\u0131-Hac\u0131osman metrosuna binin',\n                    '3. Osmanbey dura\u011f\u0131nda inin',\n                    '4. Halaskargazi Caddesi \u00fczerinden Fulya y\u00f6n\u00fcne do\u011fru y\u00fcr\u00fcy\u00fcn',\n                    '5. Mevl\u00fct Pehlivan Sokak\\'a d\u00f6n\u00fcn',\n                    '6. 19 numaral\u0131 binaya ula\u015facaks\u0131n\u0131z'\n                ]\n            },\n            'besiktas': {\n                'fulya-address': [\n                    '1. Be\u015fikta\u015f\\'tan 30M numaral\u0131 \u0130ETT otob\u00fcs\u00fcne binin',\n                    '2. \u015ei\u015fli-Mecidiyek\u00f6y dura\u011f\u0131nda inin',\n                    '3. B\u00fcy\u00fckdere Caddesi\\'nden Fulya y\u00f6n\u00fcne do\u011fru y\u00fcr\u00fcy\u00fcn',\n                    '4. Mevl\u00fct Pehlivan Sokak\\'a d\u00f6n\u00fcn',\n                    '5. 19 numaral\u0131 binaya ula\u015facaks\u0131n\u0131z'\n                ]\n            }\n        };\n        \n        findRouteBtn.addEventListener('click', function() {\n            const fromLocation = fromInput.value.toLowerCase();\n            const toLocation = toSelect.value;\n            let transportMode;\n            \n            for(let i = 0; i < transportOptions.length; i++) {\n                if(transportOptions[i].checked) {\n                    transportMode = transportOptions[i].value;\n                    break;\n                }\n            }\n            \n            \/\/ Show source marker based on input\n            showSourceMarker(fromLocation);\n            \n            \/\/ Generate route details\n            generateRouteDetails(fromLocation, toLocation, transportMode);\n            \n            \/\/ Open Google Maps with directions\n            const googleTransportMode = transportMode === 'car' ? 'driving' : \n                                       transportMode === 'transit' ? 'transit' : 'walking';\n            \n            \/\/ Get destination info\n            const destination = destinations[toLocation] || {\n                address: 'Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul'\n            };\n            \n            \/\/ Create Google Maps URL\n            const destinationParam = destination.address;\n            const url = `https:\/\/www.google.com\/maps\/dir\/?api=1&origin=${encodeURIComponent(fromLocation)}&destination=${encodeURIComponent(destinationParam)}&travelmode=${googleTransportMode}`;\n            \n            \/\/ Open in new tab\n            window.open(url, '_blank');\n        });\n        \n        function showSourceMarker(location) {\n            \/\/ Simple locations for demo\n            const locations = {\n                'sisli': { top: 50, left: 200 },\n                'kadikoy': { top: 200, left: 100 },\n                'besiktas': { top: 130, left: 300 },\n                \/\/ Add default position for unknown locations\n                'default': { top: 160, left: 250 }\n            };\n            \n            \/\/ Find the location or use default\n            let position;\n            if (location in locations) {\n                position = locations[location];\n            } else if (location.includes('\u015fi\u015fli') || location.includes('sisli')) {\n                position = locations['sisli'];\n            } else if (location.includes('kad\u0131k\u00f6y') || location.includes('kadikoy')) {\n                position = locations['kadikoy'];\n            } else if (location.includes('be\u015fikta\u015f') || location.includes('besiktas')) {\n                position = locations['besiktas'];\n            } else {\n                position = locations['default'];\n            }\n            \n            \/\/ Position and show the marker\n            sourceMarker.style.top = position.top + 'px';\n            sourceMarker.style.left = position.left + 'px';\n            sourceMarker.style.display = 'block';\n        }\n        \n        function generateRouteDetails(from, to, transport) {\n            let details = '';\n            \n            if (transport === 'transit') {\n                \/\/ Find matching route or use default\n                let route;\n                if (from.includes('\u015fi\u015fli') || from.includes('sisli')) {\n                    route = transitRoutes['sisli'][to] || [];\n                } else if (from.includes('kad\u0131k\u00f6y') || from.includes('kadikoy')) {\n                    route = transitRoutes['kadikoy'][to] || [];\n                } else if (from.includes('be\u015fikta\u015f') || from.includes('besiktas')) {\n                    route = transitRoutes['besiktas'][to] || [];\n                } else {\n                    \/\/ Default instructions\n                    route = [\n                        `1. ${from} konumundan en yak\u0131n metro veya otob\u00fcs dura\u011f\u0131na gidin`,\n                        '2. \u015ei\u015fli-Mecidiyek\u00f6y veya Osmanbey y\u00f6n\u00fcnde seyahat edin',\n                        '3. \u0130ndi\u011finiz duraktan Fulya y\u00f6n\u00fcne do\u011fru y\u00fcr\u00fcy\u00fcn',\n                        '4. Mevl\u00fct Pehlivan Sokak\\'a d\u00f6n\u00fcn',\n                        '5. 19 numaral\u0131 binaya ula\u015facaks\u0131n\u0131z'\n                    ];\n                }\n                \n                details = route.join('<br>');\n            } else if (transport === 'car') {\n                details = `\n                    1. ${from} konumundan yola \u00e7\u0131k\u0131n<br>\n                    2. \u015ei\u015fli-Mecidiyek\u00f6y y\u00f6n\u00fcnde ilerleyin<br>\n                    3. B\u00fcy\u00fckdere Caddesi \u00fczerinden Fulya y\u00f6n\u00fcne d\u00f6n\u00fcn<br>\n                    4. Mevl\u00fct Pehlivan Sokak'a girin<br>\n                    5. 19 numaral\u0131 binaya ula\u015facaks\u0131n\u0131z<br>\n                    6. B\u00f6lgede \u00fccretli ve \u00fccretsiz otopark se\u00e7enekleri mevcuttur\n                `;\n            } else if (transport === 'walking') {\n                details = `\n                    1. ${from} konumundan \u015ei\u015fli-Mecidiyek\u00f6y y\u00f6n\u00fcnde y\u00fcr\u00fcy\u00fcn<br>\n                    2. B\u00fcy\u00fckdere Caddesi \u00fczerinden Fulya mahallesi y\u00f6n\u00fcne do\u011fru ilerleyin<br>\n                    3. Mevl\u00fct Pehlivan Sokak'a girin<br>\n                    4. 19 numaral\u0131 bina sokak \u00fczerinde bulunmaktad\u0131r\n                `;\n            }\n            \n            routeDetails.innerHTML = details;\n            routeResult.style.display = 'block';\n            \n            \/\/ Scroll to results\n            routeResult.scrollIntoView({ behavior: 'smooth' });\n        }\n        \n        \/\/ Pre-fill with a default value\n        fromInput.value = '\u015ei\u015fli';\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f82783 e-con-full e-flex e-con e-child\" data-id=\"2f82783\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59a546a elementor-widget elementor-widget-text-editor\" data-id=\"59a546a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>\u00d6zel Dr. Cinik T\u0131p Merkezi Randevu Hatt\u0131:<\/strong><br \/>+90 542 234 00 34<\/p><p><strong>Hasta ve Hasta Yak\u0131n\u0131 G\u00f6r\u00fc\u015f ve \u00d6nerileri i\u00e7in:<\/strong><\/p><p>info@drciniktipmerkezi.com\u00a0<\/p><p><strong>\u00c7al\u0131\u015fan G\u00f6r\u00fc\u015f ve \u00d6nerileri i\u00e7in:<\/strong><\/p><p>geribildirim@drciniktipmerkezi.com\u00a0\u00a0<\/p><p><strong>Edit\u00f6r:<\/strong><br \/>Ahmet Can Duman: +90 549 648 25 11<br \/>G\u00fcncelleme tarihi 17.05.2025<\/p><p><strong>Adres:<\/strong><\/p><p>Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2b923c e-flex e-con-boxed e-con e-child\" data-id=\"d2b923c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e52952e elementor-widget elementor-widget-google_maps\" data-id=\"e52952e\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Fulya%2C%20Mevl%C3%BCt%20Pehlivan%20Sk.%20No%3A19%2C%2034394%20%C5%9Ei%C5%9Fli%2F%C4%B0stanbul&#038;t=m&#038;z=11&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul\"\n\t\t\t\t\taria-label=\"Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b04b1d6 e-flex e-con-boxed e-con e-parent\" data-id=\"b04b1d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7369ab elementor-widget elementor-widget-spacer\" data-id=\"a7369ab\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>\u00d6zel Dr. Cinik T\u0131p Merkezi\u2019ne nas\u0131l giderim? Nereden? Nereye? Fulya, Mevl\u00fct Pehlivan Sk. No:19, 34394 \u015ei\u015fli\/\u0130stanbul Nas\u0131l? Araba Toplu Ta\u015f\u0131ma Yaya \u00d6\u011fren Rota Detaylar\u0131 \u00d6zel Dr. Cinik T\u0131p Merkezi Randevu Hatt\u0131:+90 542 234 00 34 Hasta ve Hasta Yak\u0131n\u0131 G\u00f6r\u00fc\u015f ve \u00d6nerileri i\u00e7in: info@drciniktipmerkezi.com\u00a0 \u00c7al\u0131\u015fan G\u00f6r\u00fc\u015f ve \u00d6nerileri i\u00e7in: geribildirim@drciniktipmerkezi.com\u00a0\u00a0 Edit\u00f6r:Ahmet Can Duman: +90 549 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/drciniktipmerkezi.com\/tr\/bize-ulasin\/\" class=\"more-link\"><span class=\"screen-reader-text\"> &#8220;Bize Ula\u015f\u0131n&#8221;<\/span>devam\u0131n\u0131 oku<\/a><\/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":{"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":0,"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"wp:attachment":[{"href":"https:\/\/drciniktipmerkezi.com\/tr\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}