{"id":41567,"date":"2024-06-10T18:19:35","date_gmt":"2024-06-10T18:19:35","guid":{"rendered":"https:\/\/www.archtam.com\/en-gr\/greece-offices\/"},"modified":"2024-06-13T07:26:40","modified_gmt":"2024-06-13T11:26:40","slug":"greece-offices","status":"publish","type":"page","link":"https:\/\/www.archtam.com\/en-gr\/greece-offices\/","title":{"rendered":"Greece offices"},"content":{"rendered":"\n<div class=\"aecom-custom-block offices-header\" style=\"height: 460px\">\n    <div class=\"offices-title\">\n        <!-- <a href=\"https:\/\/www.archtam.com\/en-gr\/\">Greece<\/a> -->\n        <h1>Greece offices <\/h1>\n    <\/div>\n            <div id='aecom-offices-map' style='width: 100%; height: 460px;'><\/div>\n        <script>\n            const officeCoords = [{\"custom_office_tab_title\":\"\",\"office_name\":\"Athens\",\"country\":\"Greece\",\"region\":\"Athens\",\"phone_number\":\"\",\"fax\":\"\",\"office_address\":{\"town_city_district\":\"Athens\",\"district_neighborhood_territory\":\"\",\"address\":\"47-49 Persefonis Street\",\"ward\":\"\",\"block\":\"\",\"zip_postcode\":\"11854\",\"state_or_province\":\"\"},\"office_coordinates\":{\"longitude\":\"23.7109078\",\"latitude\":\"37.9785166\"}}];\n            const mapMarker = \"https:\/\/www.archtam.com\/wp-content\/plugins\/aecom-blocks\/images\/aecom-map-marker.png\";\n            const showOfficeAccordions = \"1\";\n            const offices = {\n                'type': 'FeatureCollection',\n                'features': []\n            };\n\n            for (let info in officeCoords) {\n                    offices.features.push(\n                        {\n                            'type': 'Feature',\n                            'properties': {\n                                \/\/ 'address': officeCoords[info]['ShipAddr1'] ? officeCoords[info]['ShipAddr1'] : '' + officeCoords[info]['ShipAddr2'] ? officeCoords[info]['ShipAddr2'] : '' + officeCoords[info]['ShipAddr3'] ? officeCoords[info]['ShipAddr3'] : '',\n                                'office_name': officeCoords[info].office_name,\n                                'address': officeCoords[info].office_address.address,\n                                'city': officeCoords[info].office_address.town_city_district,\n                                'iconSize': [52, 70]\n                            },\n                            'geometry': {\n                                'type': 'Point',\n                                'coordinates': [officeCoords[info].office_coordinates.longitude, officeCoords[info].office_coordinates.latitude],\n                                'latitude': officeCoords[info].office_coordinates.latitude,\n                                'longitude': officeCoords[info].office_coordinates.longitude\n                            }\n                        }\n                    )\n                \n\n            }\n\n            mapboxgl.accessToken = 'pk.eyJ1IjoiemltYXJjaWxsYSIsImEiOiJjbG5jdm5rcG4wbGF2Mm1scWU4dm04bWh2In0.Xo_MoP1zL1jzWeNZKDf0ig';\n            var map = new mapboxgl.Map({\n                container: 'aecom-offices-map',\n                style: 'mapbox:\/\/styles\/zimarcilla\/cl2ookzuz008l14nvmz674y64',\n                center: [21.81048,38.9599649],\n                zoom: 5,\n                cooperativeGestures: true,\n                language: 'en',\n                worldview: 'US'\n            });\n\n            \/\/ Add markers to the map.\n            let index = 0;\n            moreInfoText = translateString('More info');\n            for (const marker of offices.features) {\n                index++;\n                \/\/ Create a DOM element for each marker.\n                const el = document.createElement('div');\n                const width = marker.properties.iconSize[0];\n                const height = marker.properties.iconSize[1];\n                el.className = 'marker';\n                el.style.backgroundImage = `url(${mapMarker})`;\n                el.style.width = `${width}px`;\n                el.style.height = `${height}px`;\n                el.style.backgroundSize = '100%';\n                var popup = new mapboxgl.Popup()\n                    .setHTML('<div style=\"padding:0.3rem 0.3rem 0;text-align:center;\">'\n                    + '<h2 style=\"margin-top:0;margin-bottom:5px\">' + marker.properties.office_name + '<\/h2>'\n                    + '<p style=\"font-size:14px;margin:0;line-height: 16px;\">' + marker.properties.address + ', ' + marker.properties.city + '<\/p>'\n                    + (showOfficeAccordions === \"1\" ? '<button style=\"cursor: pointer;background: #008768;border-radius: 12px;color: white;border:0;padding: 4px 10px;margin-top: 10px;\" class\"aecom-global-cta aecom-global-cta-xs aecom-global-cta-green-solid\" data-toggle=\"collapse\" aria-expanded=\"false\" aria-controls=\"office-accordion-content-' + index + '\" data-target=\"office-accordion-content-' + index + '\" onclick=\"scrollToAddress('+index+')\">'+moreInfoText+'<\/button><\/div>' : '<a href=\"https:\/\/maps.google.com\/?q=' + marker.geometry.latitude + ',' + marker.geometry.longitude + '\" target=\"_blank\" class=\"aecom-global-cta aecom-global-cta-xs aecom-global-cta-green-solid\" style=\"display: block;margin: 12px auto 5px;\">View Map<\/a>'));\n                \/\/ Add markers to the map.\n                new mapboxgl.Marker(el, {anchor: 'bottom'})\n                .setLngLat(marker.geometry.coordinates)\n                .setPopup(popup)\n                .addTo(map);\n            }\n            function scrollToAddress(i) {\n                var accordion = document.getElementById('office-accordion-content-' + i)\n                accordion.classList.add(\"show\");\n                const yOffset = -130; \n                const y = accordion.getBoundingClientRect().top + window.pageYOffset + yOffset;\n\n                window.scrollTo({top: y, behavior: 'smooth'});\n            }\n            \n        <\/script>\n    <\/div>\n\n        <div class=\"office-accordion-container\">\n            <h2><\/h2>\n        <div id=\"office-accordion-map\">\n                    <div class=\"card\">\n                <div class=\"card-header\" id=\"office-accordion-title-1\">\n                    <h2> \n                        <button class=\"btn btn-link btn-block text-left\" type=\"button\" aria-expanded=\"false\" data-toggle=\"collapse\" data-target=\"#office-accordion-content-1\" aria-controls=\"office-accordion-content-1\">\n                            Athens <i class=\"fas fa-chevron-down\"><\/i>\n                        <\/button>\n                    <\/h2>\n                <\/div>\n\n                <div id=\"office-accordion-content-1\" class=\"collapse\" aria-labelledby=\"office-accordion-title-1\" data-parent=\"#office-accordion-map\">\n                    <div class=\"card-body\">\n                        <div class=\"office-details\">\n                                                        <h3>Athens<\/h3>\n                            <div class=\"office-info office-address\"><i class=\"fas fa-map-marker-alt\"><\/i> 47-49 Persefonis Street<br\/>Athens, 11854<br\/>Greece<\/div>\n                                                                                <\/div>\n                        <a href=\"https:\/\/maps.google.com\/?q=37.9785166,23.7109078\" target=\"_blank\" class=\"aecom-global-cta aecom-global-cta-bold aecom-global-cta-sml aecom-global-cta-orange-transparent aecom-global-cta\">View Map<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n                <\/div>\n        <\/div>\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":46,"featured_media":41566,"parent":41564,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"views\/page-offices.blade.php","meta":{"_acf_changed":false,"footnotes":""},"yst_prominent_words":[],"class_list":["post-41567","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/pages\/41567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/comments?post=41567"}],"version-history":[{"count":1,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/pages\/41567\/revisions"}],"predecessor-version":[{"id":41568,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/pages\/41567\/revisions\/41568"}],"up":[{"embeddable":true,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/pages\/41564"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/media\/41566"}],"wp:attachment":[{"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/media?parent=41567"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.archtam.com\/wp-json\/wp\/v2\/yst_prominent_words?post=41567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}