{"id":2669,"date":"2023-03-14T16:59:27","date_gmt":"2023-03-14T13:59:27","guid":{"rendered":"https:\/\/milangaz.com.tr\/size-en-yakin-otogaz-istasyonumuz\/"},"modified":"2023-11-24T12:44:01","modified_gmt":"2023-11-24T09:44:01","slug":"autogas-nearest-autogas-station","status":"publish","type":"page","link":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/","title":{"rendered":"Nearest Autogas Station"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2669\" class=\"elementor elementor-2669\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0435a3f e-con-full e-flex e-con e-parent\" data-id=\"0435a3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dfeee8 elementor-widget elementor-widget-pagedetails\" data-id=\"9dfeee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pagedetails.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            .page-editor .content p em {\r\n                font-style: italic;\r\n                font-family: \"Helvetica-neue\";\r\n            }\r\n        <\/style>\r\n        <div class=\"pageHead d-flex\">\r\n            <img decoding=\"async\" class=\"img lazyload\" src=\"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/assets\/img\/lazy.webp\" data-src=\"https:\/\/www.milangaz.com.tr\/wp-content\/uploads\/2023\/06\/otogaz-istasyonlarimiz.png\" alt=\"Nearest Autogas Station\">        <\/div>\r\n\r\n        <div class=\"container\">\r\n            <div class=\"page-editor\">\r\n                <div class=\"content border\">\r\n                    <h1 class=\"title\">Nearest Autogas Station<\/h1>                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44138d3 elementor-widget elementor-widget-salespoints\" data-id=\"44138d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"salespoints.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"salesPoints\" data-name=\"otogaz\">\r\n            <div class=\"container\">\r\n                \r\n                <form action=\"\" class=\"selects\" id=\"city-form\">\r\n                    <div class=\"row\">\r\n\r\n                        <div class=\"col-12 col-lg-4 disable_select_col\">\r\n                            <div class=\"select-box\">\r\n                                                                    <label for=\"totype\">Otogaz<\/label>\r\n                                    <select class=\"reset_value\" name=\"totype\" id=\"totype\">\r\n                                        <option value=\"OTOGAZ\" selected>Otogaz<\/option>\r\n                                    <\/select>\r\n                                                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"col-12 col-lg-4\">\r\n                            <div class=\"select-box\">\r\n                                <label for=\"tocity\">\u0130l:<\/label>\r\n                                <select class=\"reset_value resetType\" name=\"tocity\" id=\"tocity\">\r\n                                    <option value=\"\" selected disabled>Se\u00e7iniz<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"col-12 col-lg-4\">\r\n                            <div class=\"select-box\">\r\n                                <label for=\"todistrict\">\u0130l\u00e7e:<\/label>\r\n                                <select class=\"reset_value resetType\" name=\"todistrict\" id=\"todistrict\">\r\n                                    <option value=\"\" selected disabled>Se\u00e7iniz<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                                    <div class=\"autogas_price col-12 col-lg-4 align-self-end\">\r\n                                <a href=\"\/en\/autogas\/lpg-autogas-sales-prices\/\" class=\"buttonx dark_green\">Autogas Prices<\/a>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/form>\r\n\r\n                <div id=\"salesmap\" class=\"sales-map\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-12 col-md-5\">\r\n                            <ul class=\"company-adress\"><\/ul>\r\n                        <\/div>\r\n                        <div class=\"col-12 col-md-7\">\r\n                            <div class=\"map\">\r\n                                <style>\r\n                                    #map {\r\n                                        height: 310px;\r\n                                        width: 100%;\r\n                                        z-index: 3;\r\n                                    }\r\n                                    .disable_select_col {\r\n                                        display: none;\r\n                                    }\r\n                                    .disable_select_col:not(:first-child) {\r\n                                        display: flex;\r\n                                    }\r\n                                    .leaflet-control-attribution.leaflet-control {\r\n                                        display: none;\r\n                                    }\r\n                                    body:not(.home).page-template-default main .company-adress .title.noborder {\r\n                                        border: none !important;\r\n                                        padding-bottom: 20px;\r\n                                        margin-bottom: 20px;\r\n                                    }\r\n                                <\/style>\r\n                                <div id=\"map\"><\/div>\r\n\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            document.addEventListener(\"DOMContentLoaded\", function () {\r\n                const zoom = window.innerWidth < 992 ? 4.50 : 5.75\r\n                const citySelect = document.querySelector('#tocity')\r\n                const todistrict = document.querySelector('#todistrict')\r\n                const totype = document.querySelector('#totype')\r\n                const cityForm = document.querySelector('#city-form')\r\n                const ajaxUrl = \"https:\/\/milangaz.com.tr\/wp-admin\/admin-ajax.php\";\r\n                const cities = {\"city\":[{\"code\":\"01\",\"latitude\":37.0,\"longitude\":35.321,\"name\":\"ADANA\"},{\"code\":\"02\",\"latitude\":37.765,\"longitude\":38.279,\"name\":\"ADIYAMAN\"},{\"code\":\"03\",\"latitude\":38.751,\"longitude\":30.557,\"name\":\"AFYONKARAH\u0130SAR\"},{\"code\":\"04\",\"latitude\":39.70934,\"longitude\":43.04795,\"name\":\"A\u011eRI\"},{\"code\":\"68\",\"latitude\":38.369,\"longitude\":34.037,\"name\":\"AKSARAY\"},{\"code\":\"05\",\"latitude\":40.65,\"longitude\":35.835,\"name\":\"AMASYA\"},{\"code\":\"06\",\"latitude\":39.921,\"longitude\":32.854,\"name\":\"ANKARA\"},{\"code\":\"07\",\"latitude\":36.884,\"longitude\":30.706,\"name\":\"ANTALYA\"},{\"code\":\"75\",\"latitude\":41.11,\"longitude\":42.702,\"name\":\"ARDAHAN\"},{\"code\":\"08\",\"latitude\":41.183,\"longitude\":41.818,\"name\":\"ARTV\u0130N\"},{\"code\":\"09\",\"latitude\":37.856,\"longitude\":27.842,\"name\":\"AYDIN\"},{\"code\":\"10\",\"latitude\":39.648,\"longitude\":27.883,\"name\":\"BALIKES\u0130R\"},{\"code\":\"74\",\"latitude\":41.581,\"longitude\":32.461,\"name\":\"BARTIN\"},{\"code\":\"72\",\"latitude\":37.881,\"longitude\":41.135,\"name\":\"BATMAN\"},{\"code\":\"69\",\"latitude\":40.255,\"longitude\":40.225,\"name\":\"BAYBURT\"},{\"code\":\"11\",\"latitude\":40.057,\"longitude\":30.067,\"name\":\"B\u0130LEC\u0130K\"},{\"code\":\"12\",\"latitude\":39.063,\"longitude\":40.77,\"name\":\"B\u0130NG\u00d6L\"},{\"code\":\"13\",\"latitude\":38.394,\"longitude\":42.123,\"name\":\"B\u0130TL\u0130S\"},{\"code\":\"14\",\"latitude\":40.576,\"longitude\":31.579,\"name\":\"BOLU\"},{\"code\":\"15\",\"latitude\":37.461,\"longitude\":30.067,\"name\":\"BURDUR\"},{\"code\":\"16\",\"latitude\":40.267,\"longitude\":29.063,\"name\":\"BURSA\"},{\"code\":\"17\",\"latitude\":40.155,\"longitude\":26.414,\"name\":\"\u00c7ANAKKALE\"},{\"code\":\"18\",\"latitude\":40.601,\"longitude\":33.613,\"name\":\"\u00c7ANKIRI\"},{\"code\":\"19\",\"latitude\":40.551,\"longitude\":34.956,\"name\":\"\u00c7ORUM\"},{\"code\":\"20\",\"latitude\":37.777,\"longitude\":29.086,\"name\":\"DEN\u0130ZL\u0130\"},{\"code\":\"21\",\"latitude\":37.914,\"longitude\":40.231,\"name\":\"D\u0130YARBAKIR\"},{\"code\":\"81\",\"latitude\":40.844,\"longitude\":31.157,\"name\":\"D\u00dcZCE\"},{\"code\":\"22\",\"latitude\":41.682,\"longitude\":26.562,\"name\":\"ED\u0130RNE\"},{\"code\":\"23\",\"latitude\":38.681,\"longitude\":39.226,\"name\":\"ELAZI\u011e\"},{\"code\":\"24\",\"latitude\":39.75,\"longitude\":39.5,\"name\":\"ERZ\u0130NCAN\"},{\"code\":\"25\",\"latitude\":39.9,\"longitude\":41.27,\"name\":\"ERZURUM\"},{\"code\":\"26\",\"latitude\":39.777,\"longitude\":30.521,\"name\":\"ESK\u0130\u015eEH\u0130R\"},{\"code\":\"27\",\"latitude\":37.066,\"longitude\":37.383,\"name\":\"GAZ\u0130ANTEP\"},{\"code\":\"28\",\"latitude\":40.913,\"longitude\":38.39,\"name\":\"G\u0130RESUN\"},{\"code\":\"29\",\"latitude\":40.439,\"longitude\":39.509,\"name\":\"G\u00dcM\u00dc\u015eHANE\"},{\"code\":\"30\",\"latitude\":37.583,\"longitude\":43.733,\"name\":\"HAKKAR\u0130\"},{\"code\":\"31\",\"latitude\":36.402,\"longitude\":36.35,\"name\":\"HATAY\"},{\"code\":\"76\",\"latitude\":39.888,\"longitude\":44.005,\"name\":\"I\u011eDIR\"},{\"code\":\"32\",\"latitude\":37.765,\"longitude\":30.557,\"name\":\"ISPARTA\"},{\"code\":\"34\",\"latitude\":41.005,\"longitude\":28.977,\"name\":\"\u0130STANBUL-ANADOLU\"},{\"code\":\"134\",\"latitude\":41.005,\"longitude\":28.977,\"name\":\"\u0130STANBUL-AVRUPA\"},{\"code\":\"35\",\"latitude\":38.419,\"longitude\":27.129,\"name\":\"\u0130ZM\u0130R\"},{\"code\":\"46\",\"latitude\":37.586,\"longitude\":36.937,\"name\":\"KAHRAMANMARA\u015e\"},{\"code\":\"78\",\"latitude\":41.206,\"longitude\":32.62,\"name\":\"KARAB\u00dcK\"},{\"code\":\"70\",\"latitude\":37.176,\"longitude\":33.229,\"name\":\"KARAMAN\"},{\"code\":\"36\",\"latitude\":40.617,\"longitude\":43.1,\"name\":\"KARS\"},{\"code\":\"37\",\"latitude\":41.389,\"longitude\":33.783,\"name\":\"KASTAMONU\"},{\"code\":\"38\",\"latitude\":38.731,\"longitude\":35.479,\"name\":\"KAYSER\u0130\"},{\"code\":\"71\",\"latitude\":39.847,\"longitude\":33.515,\"name\":\"KIRIKKALE\"},{\"code\":\"39\",\"latitude\":41.733,\"longitude\":27.217,\"name\":\"KIRKLAREL\u0130\"},{\"code\":\"40\",\"latitude\":39.142,\"longitude\":34.171,\"name\":\"KIR\u015eEH\u0130R\"},{\"code\":\"79\",\"latitude\":36.718,\"longitude\":37.121,\"name\":\"K\u0130L\u0130S\"},{\"code\":\"41\",\"latitude\":40.853,\"longitude\":29.882,\"name\":\"KOCAEL\u0130\"},{\"code\":\"42\",\"latitude\":37.867,\"longitude\":32.483,\"name\":\"KONYA\"},{\"code\":\"43\",\"latitude\":39.417,\"longitude\":29.983,\"name\":\"K\u00dcTAHYA\"},{\"code\":\"44\",\"latitude\":38.355,\"longitude\":38.309,\"name\":\"MALATYA\"},{\"code\":\"45\",\"latitude\":38.619,\"longitude\":27.429,\"name\":\"MAN\u0130SA\"},{\"code\":\"47\",\"latitude\":37.321,\"longitude\":40.724,\"name\":\"MARD\u0130N\"},{\"code\":\"33\",\"latitude\":36.8,\"longitude\":34.633,\"name\":\"MERS\u0130N\"},{\"code\":\"48\",\"latitude\":37.215,\"longitude\":28.364,\"name\":\"MU\u011eLA\"},{\"code\":\"49\",\"latitude\":38.946,\"longitude\":41.754,\"name\":\"MU\u015e\"},{\"code\":\"50\",\"latitude\":38.694,\"longitude\":34.686,\"name\":\"NEV\u015eEH\u0130R\"},{\"code\":\"51\",\"latitude\":37.967,\"longitude\":34.683,\"name\":\"N\u0130\u011eDE\"},{\"code\":\"52\",\"latitude\":40.984,\"longitude\":37.876,\"name\":\"ORDU\"},{\"code\":\"80\",\"latitude\":37.213,\"longitude\":36.176,\"name\":\"OSMAN\u0130YE\"},{\"code\":\"53\",\"latitude\":41.02,\"longitude\":40.523,\"name\":\"R\u0130ZE\"},{\"code\":\"54\",\"latitude\":40.694,\"longitude\":30.436,\"name\":\"SAKARYA\"},{\"code\":\"55\",\"latitude\":41.293,\"longitude\":36.331,\"name\":\"SAMSUN\"},{\"code\":\"56\",\"latitude\":37.933,\"longitude\":41.95,\"name\":\"S\u0130\u0130RT\"},{\"code\":\"57\",\"latitude\":42.023,\"longitude\":35.153,\"name\":\"S\u0130NOP\"},{\"code\":\"58\",\"latitude\":39.748,\"longitude\":37.018,\"name\":\"S\u0130VAS\"},{\"code\":\"63\",\"latitude\":37.159,\"longitude\":38.797,\"name\":\"\u015eANLIURFA\"},{\"code\":\"73\",\"latitude\":37.419,\"longitude\":42.492,\"name\":\"\u015eIRNAK\"},{\"code\":\"59\",\"latitude\":40.983,\"longitude\":27.517,\"name\":\"TEK\u0130RDA\u011e\"},{\"code\":\"60\",\"latitude\":40.317,\"longitude\":36.55,\"name\":\"TOKAT\"},{\"code\":\"61\",\"latitude\":41.001,\"longitude\":39.718,\"name\":\"TRABZON\"},{\"code\":\"62\",\"latitude\":39.307,\"longitude\":39.439,\"name\":\"TUNCEL\u0130\"},{\"code\":\"64\",\"latitude\":38.682,\"longitude\":29.408,\"name\":\"U\u015eAK\"},{\"code\":\"65\",\"latitude\":38.489,\"longitude\":43.409,\"name\":\"VAN\"},{\"code\":\"77\",\"latitude\":40.65,\"longitude\":29.267,\"name\":\"YALOVA\"},{\"code\":\"66\",\"latitude\":39.818,\"longitude\":34.815,\"name\":\"YOZGAT\"},{\"code\":\"67\",\"latitude\":41.456,\"longitude\":31.799,\"name\":\"ZONGULDAK\"}]};\r\n\r\n                \/\/ Leaflet is loaded\r\n                let map\r\n                let milangazIcon\r\n\r\n                \/\/ salesPoints map IntersectionObserver\r\n                const intersectionElement = document.querySelector(\".salesPoints\")\r\n                const observer = new IntersectionObserver((entries, observer) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            loadExternalScripts(function() {\r\n                                const mapOptions = {\r\n                                    scrollWheelZoom: false,\r\n                                    zoomSnap: 0.25\r\n                                }\r\n\r\n                                milangazIcon = L.icon({\r\n                                    iconUrl: 'https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/assets\/icons\/map-marker.svg',\r\n                                    iconSize:     [25, 70],\r\n                                    iconAnchor:   [13, 55],\r\n                                    popupAnchor:  [-3, -76]\r\n                                })\r\n\r\n                                \/\/ load maps\r\n                                map = L.map('map', mapOptions).setView([38.963745, 35.243320], zoom)\r\n                                L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png').addTo(map)\r\n\r\n                                \/\/ Add markers\r\n                                cities.city.forEach(city => {\r\n                                    const lat = city.latitude ?? 0\r\n                                    const lon = city.longitude ?? 0\r\n                                    const marker = L.marker([lat, lon], {icon: milangazIcon}).addTo(map)\r\n\r\n                                    \/\/ zoom action\r\n                                    marker.on('click', function() {\r\n                                        (function (clickedCity) {\r\n                                            const markerZoom = map.setView(marker.getLatLng(), 12)\r\n                                        })(city)\r\n                                    })\r\n                                })\r\n\r\n                                \/\/ auto select type\r\n                                const dataName = document.querySelector('.salesPoints')\r\n                                const otogazPage = dataName.dataset.name === 'otogaz'\r\n                                const tupgazPage = dataName.dataset.name === 'tupgaz'\r\n                                if (otogazPage || tupgazPage) {\r\n                                    const event = new Event('change')\r\n                                    totype.dispatchEvent(event)\r\n                                }\r\n                            })\r\n\r\n                            observer.disconnect()\r\n                        }\r\n                    })\r\n                }, {\r\n                    root: null,\r\n                    rootMargin: \"0px\",\r\n                    threshold: 0\r\n                })\r\n                observer.observe(intersectionElement)\r\n\r\n                \/\/ API OPTIONS\r\n                const companyAdress = document.querySelector('.company-adress')\r\n                const reset = document.querySelectorAll('.reset_value')\r\n\r\n                reset.forEach(item => {\r\n                    item.selectedIndex = 0\r\n                })\r\n\r\n                \/\/ action when type is selected\r\n                totype.addEventListener('change', () => {\r\n                    const type = totype.value\r\n                    const dataType = {\r\n                        'action': 'get_totype_code',\r\n                        'type_code': type,\r\n                    }\r\n\r\n                    cityForm.classList.add('loading')\r\n                    companyAdress.innerHTML = ''\r\n\r\n                    \/\/ reset zoom map\r\n                    map.setView([38.9637, 35.2433], zoom)\r\n\r\n                    \/\/ reset select forms\r\n                    resetSelectForms(type)\r\n\r\n                    \/\/ add cities to option\r\n                    fetchPost(dataType, ajaxUrl)\r\n                        .then(data => {\r\n                            cityForm.classList.remove('loading')\r\n\r\n                            let optionsHTML = citySelect.querySelector('option:first-of-type').outerHTML\r\n                            data.forEach(item => {\r\n                                optionsHTML += `<option value=\"${item.code}\">${item.name}<\/option>`\r\n                            })\r\n\r\n                            if (type !== \"\") {\r\n                                citySelect.innerHTML = optionsHTML\r\n                            }\r\n                        })\r\n                })\r\n\r\n                \/\/ action when city is selected\r\n                let markers = []\r\n                citySelect.addEventListener('change', () => {\r\n                    if (window.innerWidth < 992) {\r\n                        document.getElementById(\"salesmap\").scrollIntoView()\r\n                    }\r\n\r\n                    \/\/ zoom in when city is selected\r\n                    cityValueZoom()\r\n                    \/\/ marker removed\r\n                    markers.forEach(marker => {\r\n                        map.removeLayer(marker)\r\n                    })\r\n\r\n                    \/\/ Districts\r\n                    const type = totype.value\r\n                    const city = citySelect.value\r\n                    const dataCity = {\r\n                        'action': 'get_tocity_code',\r\n                        'type_code': type,\r\n                        'city_code': city,\r\n                    }\r\n                    const dataDealer = {\r\n                        'action': 'get_tocity_dealers',\r\n                        'type_code': type,\r\n                        'city_code': city,\r\n                    }\r\n\r\n                    cityForm.classList.add('loading')\r\n                    companyAdress.classList.add('loading')\r\n                    companyAdress.innerHTML = ''\r\n\r\n                    \/\/ add districh to option\r\n                    fetchPost(dataCity, ajaxUrl)\r\n                        .then(data => {\r\n                            cityForm.classList.remove('loading')\r\n\r\n                            data.sort((a, b) => a.name.localeCompare(b.name))\r\n\r\n                            let optionsHTML = todistrict.querySelector('option:first-of-type').outerHTML\r\n                            data.forEach(item => {\r\n                                optionsHTML += `<option value=\"${item.code}\">${item.name}<\/option>`;\r\n                            })\r\n                            todistrict.innerHTML = optionsHTML;\r\n                        })\r\n\r\n                    \/\/ get city dealers\r\n                    fetchPost(dataDealer, ajaxUrl)\r\n                        .then(data => {\r\n                            if (data !== null) {\r\n                                cityForm.classList.remove('loading')\r\n                                companyAdress.classList.remove('loading')\r\n\r\n                                let optionDealers = ''\r\n                                data.forEach(item => {\r\n                                    optionDealers += adressTemplate(item)\r\n                                })\r\n\r\n                                companyAdress.innerHTML = optionDealers\r\n                            } else {\r\n                                console.log('Data is null!')\r\n                                companyAdress.classList.remove('loading')\r\n                            }\r\n                        })\r\n                })\r\n\r\n                \/\/ action when district is selected\r\n                todistrict.addEventListener('change', () => {\r\n                    const formData = new FormData(cityForm)\r\n                    const selectedType = formData.get('totype')\r\n                    const selectedCity = formData.get('tocity')\r\n                    const selectedDistrict = formData.get('todistrict')\r\n\r\n                    \/\/ form data\r\n                    const dataDistrich = {\r\n                        'action': 'get_submit_code',\r\n                        'select_type': selectedType,\r\n                        'select_city': selectedCity,\r\n                        'select_district': selectedDistrict,\r\n                    }\r\n\r\n                    cityForm.classList.add('loading')\r\n                    companyAdress.classList.add('loading')\r\n                    companyAdress.innerHTML = ''\r\n\r\n                    \/\/ zoom in when city is selected\r\n                    cityValueZoom()\r\n\r\n                    \/\/ marker removed\r\n                    markers.forEach(marker => {\r\n                        map.removeLayer(marker)\r\n                    })\r\n\r\n                    markers = []\r\n\r\n                    \/\/ get dealers district\r\n                    fetchPost(dataDistrich, ajaxUrl)\r\n                        .then(data => {\r\n                            cityForm.classList.remove('loading')\r\n                            companyAdress.classList.remove('loading')\r\n\r\n                            if (data !== null) {\r\n                                let optionsHTML = ''\r\n                                data.forEach(item => {\r\n                                    optionsHTML += adressTemplate(item)\r\n\r\n                                    if (item.latitude) {\r\n                                        const marker = addMapIcons(item.latitude, item.longitude, item.name)\r\n                                        markers.push(marker)\r\n                                    }\r\n                                })\r\n\r\n                                companyAdress.innerHTML = optionsHTML\r\n                            }\r\n\r\n                            if (markers.length > 0) {\r\n                                const markerGroup = L.featureGroup(markers)\r\n                                map.fitBounds(markerGroup.getBounds(), { padding: [50, 50] })\r\n                            }\r\n                        })\r\n                })\r\n\r\n                function resetSelectForms(type){\r\n                    const resetDistrict = Array.from(todistrict.options).slice(1)\r\n                    const resetCities = Array.from(citySelect.options).slice(1)\r\n\r\n                    resetDistrict.forEach(option => option.remove())\r\n                    todistrict.selectedIndex = 0\r\n\r\n                    if (type === \"\") {\r\n                        resetCities.forEach(option => option.remove())\r\n                        citySelect.selectedIndex = 0\r\n                    }\r\n                }\r\n\r\n                function addMapIcons(latitude, longitude, name) {\r\n                    const markerx = L.marker([latitude, longitude], { icon: milangazIcon }).addTo(map)\r\n                    const popupContent = `<div>${name}<\/div>`\r\n                    const popupOptions = {\r\n                        offset: [2, 45],\r\n                    }\r\n\r\n                    markerx.bindPopup(popupContent, popupOptions)\r\n\r\n                    return markerx\r\n                }\r\n\r\n                function cityValueZoom() {\r\n                    const cityCode = citySelect.value\r\n                    const cityFind = cities.city.find(item => item.code === cityCode)\r\n                    const cityLocation = [cityFind.latitude, cityFind.longitude]\r\n                    map.setView(cityLocation, 12)\r\n                }\r\n\r\n                function loadExternalScripts(callback) {\r\n                    \/\/ Leaflet load JS\r\n                    const leafletJS = document.createElement('script')\r\n                    leafletJS.src = 'https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js'\r\n                    leafletJS.async = true\r\n                    leafletJS.onload = callback\r\n                    document.body.insertBefore(leafletJS, document.body.firstChild)\r\n                }\r\n\r\n                const fetchPost = async (data, url) => {\r\n                    const response = await fetch(url, {\r\n                        method: \"POST\",\r\n                        body: new URLSearchParams(data),\r\n                    })\r\n                    const resData = await response.json()\r\n                    return resData\r\n                }\r\n\r\n                const adressTemplate = (item) => {\r\n                    const latitude = item.latitude\r\n                    const longitude = item.longitude\r\n                    const phones = item.address.phones\r\n                    const isType = item.type === 'TUPGAZ'\r\n\r\n                    const phoneHTML = (phones ?? []).map(ph => {\r\n                        \/*if ((isType && !ph.isDefault) || (!isType && ph.isDefault)) {\r\n                            return `<div class=\"ca tel\"><strong><a href=\"tel:+90${ph.phone}\">${ph.phone}<\/a><\/strong><\/div>`\r\n                        }\r\n                        return ''*\/\r\n                        return `<div class=\"ca tel\"><strong><a href=\"tel:${ph.phone}\">${ph.phone}<\/a><\/strong><\/div>`\r\n                    }).join('')\r\n\r\n                    return `\r\n                        <li class=\"ca_item\">\r\n                            <div class=\"ca\"><strong data-code=\"${item.code}\">${item.name}<\/strong><\/div>\r\n                            <a href=\"https:\/\/www.google.com\/maps?q=${latitude},${longitude}\" target=\"_blank\" class=\"ca\">\r\n                                <div class=\"adr_icon\"><\/div>\r\n                                <div class=\"adr\">\r\n                                ${item.address.milangazDistrict?.name ?? ''}\r\n                                ${item.address.city?.name ?? ''}\r\n                                <\/div>\r\n                            <\/a>\r\n                            ${phoneHTML}\r\n                        <\/li>\r\n                    `\r\n                }\r\n            })\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1b4f78 elementor-widget elementor-widget-spacer\" data-id=\"d1b4f78\" data-element_type=\"widget\" data-e-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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>.page-editor .content p em { font-style: italic; font-family: &#8220;Helvetica-neue&#8221;; } Nearest Autogas Station Otogaz Otogaz \u0130l: Se\u00e7iniz \u0130l\u00e7e: Se\u00e7iniz Autogas Prices #map { height: 310px; width: 100%; z-index: 3; } .disable_select_col { display: none; } .disable_select_col:not(:first-child) { display: flex; } .leaflet-control-attribution.leaflet-control { display: none; } body:not(.home).page-template-default main .company-adress .title.noborder { border: none !important; padding-bottom: 20px; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2670,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2669","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nearest Autogas Station | Milangaz<\/title>\n<meta name=\"description\" content=\"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nearest Autogas Station | Milangaz\" \/>\n<meta property=\"og:description\" content=\"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/\" \/>\n<meta property=\"og:site_name\" content=\"Milangaz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/milangaz\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-24T09:44:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/dist\/img\/lazy.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@milangaz\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/\",\"url\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/\",\"name\":\"Nearest Autogas Station | Milangaz\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/milangaz.com.tr\\\/wp-content\\\/themes\\\/milangaz\\\/dist\\\/img\\\/lazy.png\",\"datePublished\":\"2023-03-14T13:59:27+00:00\",\"dateModified\":\"2023-11-24T09:44:01+00:00\",\"description\":\"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/#primaryimage\",\"url\":\"https:\\\/\\\/milangaz.com.tr\\\/wp-content\\\/themes\\\/milangaz\\\/dist\\\/img\\\/lazy.png\",\"contentUrl\":\"https:\\\/\\\/milangaz.com.tr\\\/wp-content\\\/themes\\\/milangaz\\\/dist\\\/img\\\/lazy.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/autogas\\\/autogas-nearest-autogas-station\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Autogas\",\"item\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/otogaz\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nearest Autogas Station\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/\",\"name\":\"Milangaz\",\"description\":\"T\u00fcpgaz-Otogaz-D\u00f6kmegaz\",\"publisher\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#organization\",\"name\":\"Milangaz\",\"url\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/milangaz.com.tr\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/milangaz_logo.svg\",\"contentUrl\":\"https:\\\/\\\/milangaz.com.tr\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/milangaz_logo.svg\",\"width\":235,\"height\":56,\"caption\":\"Milangaz\"},\"image\":{\"@id\":\"https:\\\/\\\/milangaz.com.tr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/milangaz\",\"https:\\\/\\\/x.com\\\/milangaz\",\"https:\\\/\\\/www.instagram.com\\\/milangaz\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC67jWQ02yog6s2HA3Cn2_bg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/milangaz\\\/?viewAsMember=true\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nearest Autogas Station | Milangaz","description":"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/","og_locale":"en_US","og_type":"article","og_title":"Nearest Autogas Station | Milangaz","og_description":"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!","og_url":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/","og_site_name":"Milangaz","article_publisher":"https:\/\/www.facebook.com\/milangaz","article_modified_time":"2023-11-24T09:44:01+00:00","og_image":[{"url":"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/dist\/img\/lazy.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@milangaz","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/","url":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/","name":"Nearest Autogas Station | Milangaz","isPartOf":{"@id":"https:\/\/milangaz.com.tr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/#primaryimage"},"image":{"@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/#primaryimage"},"thumbnailUrl":"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/dist\/img\/lazy.png","datePublished":"2023-03-14T13:59:27+00:00","dateModified":"2023-11-24T09:44:01+00:00","description":"Find the closest Milangaz autogas station or dial 444 0 120. With Milangaz, all is well!","breadcrumb":{"@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/#primaryimage","url":"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/dist\/img\/lazy.png","contentUrl":"https:\/\/milangaz.com.tr\/wp-content\/themes\/milangaz\/dist\/img\/lazy.png"},{"@type":"BreadcrumbList","@id":"https:\/\/milangaz.com.tr\/en\/autogas\/autogas-nearest-autogas-station\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/milangaz.com.tr\/en\/"},{"@type":"ListItem","position":2,"name":"Autogas","item":"https:\/\/milangaz.com.tr\/en\/otogaz\/"},{"@type":"ListItem","position":3,"name":"Nearest Autogas Station"}]},{"@type":"WebSite","@id":"https:\/\/milangaz.com.tr\/en\/#website","url":"https:\/\/milangaz.com.tr\/en\/","name":"Milangaz","description":"T\u00fcpgaz-Otogaz-D\u00f6kmegaz","publisher":{"@id":"https:\/\/milangaz.com.tr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/milangaz.com.tr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/milangaz.com.tr\/en\/#organization","name":"Milangaz","url":"https:\/\/milangaz.com.tr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/milangaz.com.tr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/milangaz.com.tr\/wp-content\/uploads\/2023\/08\/milangaz_logo.svg","contentUrl":"https:\/\/milangaz.com.tr\/wp-content\/uploads\/2023\/08\/milangaz_logo.svg","width":235,"height":56,"caption":"Milangaz"},"image":{"@id":"https:\/\/milangaz.com.tr\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/milangaz","https:\/\/x.com\/milangaz","https:\/\/www.instagram.com\/milangaz","https:\/\/www.youtube.com\/channel\/UC67jWQ02yog6s2HA3Cn2_bg","https:\/\/www.linkedin.com\/company\/milangaz\/?viewAsMember=true"]}]}},"_links":{"self":[{"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/pages\/2669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/comments?post=2669"}],"version-history":[{"count":17,"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/pages\/2669\/revisions"}],"predecessor-version":[{"id":3779,"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/pages\/2669\/revisions\/3779"}],"up":[{"embeddable":true,"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/pages\/2670"}],"wp:attachment":[{"href":"https:\/\/milangaz.com.tr\/en\/wp-json\/wp\/v2\/media?parent=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}