XPENG Egypt| FAQ<\/title>\n <meta name=\"keywords\" content=\"XPENG,XPENG Motors,ev,ev in egypt \">\n <link rel=\"shortcut icon\"\n href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU\/knhAAAANnRSTlMACPr27fK8CrgSDdHcwLQtFuSShBqxJyLLVejXxqF4YEo6NTGqimwe4KWYfXFEP51kWVBMD2cr5oz2AAAEBElEQVR42u3a6ZKiMBAA4A7XcokgIjooOt73MUe\/\/6OtulubwYAJAvsr30+tMilCdzodQZIkSZIkSZIkSZIkAPLrjhAC\/wkhf8eEm4tn3JimGW0\/bGjcarnxroMZN5sZgG0gpXqfv6BR\/tLBH3YAkCr4gz4\/EGiMNe5nRguOAGCfMEMbvUMz7EFLwZ\/0M9x0Pcx667Shfr8+PRUzlB380evjg\/WiB\/Uix7mOD7Y2\/HVc4yN3t4IaTU8aPvJ8+GegIcPZd6Em7c4bMvqZh7xXkaH0zxbUoBeukeVmX3WyUJCltC42VLTauZhDG0CWNcc8qlktM\/l7J\/93l\/AobiFVU2ayzve8w1IWBBizBCkmM1XJO6yNBTkmAVKVMxPNOyyjIMTHOhYJwl7VvEM5MyiwU7CQm64q5R0qOEARe4tPOEu\/fN5h6WMo5kf4hDIcfwFXTPNOHjWFAuy+xFKND05a6O4TfGrL+YF3F5\/SowMRD3xW5AMH3Zd4aYEf+KxhD7iWNHxLpQUyYQKfswNRzL7Esw5jZu02OvK8fYAIa4N8SbZamG015NKXIGZlIE+2WugtAuRTQgKC2g4KUFoD+x55qYsiRl8g7BCgCDVqAwwcFGJ2gYPdl\/hGELsoxGlDKamKIgwy01DE+lB2O1+odU4gGJQvKCbpYrvxWv3EDTRdVZVyE1BUXdcC1xka0agT7qfwql9WN+613w8fl\/N+d51RZAwdlz6cFpnSCWiJMzTnp06YLseDyXHajlf+F4GakS+\/e8qdgDL2LZtAw4h9fSSj\/AmcuzXOgK7A6scKjCLzugJBwRLo66Tfqm0N7EF4fwcd5h1kXkL+W5i+lx+\/o9QZhm9jKIeESr2JKJhAKd86CjnBKkEhyRRK+HxDEfqmB\/A5VFBEKwZh0wQFqN6E0M4b39wCQfEQOWjvgPYA+DoEhPhzkXro2wJKrCZS92K5p4NcSdoFSrgq1C6VKwFaE7OO\/Lp4fQSusSZ+Kih\/MnDaVapBfrvEvrSUapVh2yl1MmRZ332lQm28MrhnY65umrx8OrA2TyNvTCOvQodAX752KnT2foXeLOeEyD8Xu7sYSnkfadwzsnhnIHihe08Okc7pEoj2RrTt7LVy7sNUuX0SfndI3xzhVV+Xoq16azPB4xUcPycEKvC\/ndwpKDvIsk\/5gT+wgYufFvjdQrJTctuCFlRB0wK3SDzrLzRGK6aFZAb\/TNjv3bTxS6tWXFwCrsPmr+1okRi3Grm45FcLyoLk3RZppyk0wx4Yak6RGD5cER0bvbzOZiZtcv1syJT6TfKXmcwUAsAlMk3DNE3PizqfNjSu+z2KPNO8Dzq6h+Lt\/xTkBv4XcnUfFCRJkiRJkiRJkiRJAvgNagfeySxnR1cAAAAASUVORK5CYII=\"\n type=\"image\/png\">\n <meta name=\"description\" content=\"XPENG designer, The Premuim Ev in Egypt \">\n \n <noscript>\n <iframe loading=\"lazy\" src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-W9N66NV\" height=\"0\" width=\"0\"\n style=\"display:none;visibility:hidden\"><\/iframe>\n <\/noscript>\n\n\n <script>\n window.addEventListener(\"DOMContentLoaded\", function () {\n \/\/ document.getElementById(\"noTransitionsStyle\").remove();\n })\n <\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/7527945419924455.e107b566.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/8564070279031375.36bb1489.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/6479822391318970.0869b77a.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/no-index.3da67c89.chunk.js\"><\/script>\n\n <link rel=\"stylesheet\" type=\"text\/css\"\n href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/8006126526871416.96d42842.chunk.css\">\n <link rel=\"stylesheet\" type=\"text\/css\"\n href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/index.c0b2e1e3.chunk.css\">\n <script charset=\"utf-8\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/index.ff30a78d.chunk.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n\n <style>\n .xTA9zbj8{\n font-family: 'futura' !important;\n}\n.wNYDyq6k{\n font-family: 'futura' !important;\n}\n.S0BMg9j6{\n font-family: 'BasisGrotesque_Bold' !important;\n}\n.MqKGXyht{\n font-family: 'basis_grotesque_regular' !important;\n}\n\n\n\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }\n html, body { height: 100%; width: 100%; }\n\n #map {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n }\n\n #sidebar {\n position: absolute;\n top: 100px;\n left: 20px;\n width: 340px;\n max-height: 80vh;\n overflow-y: auto;\n padding: 20px;\n background: rgba(255,255,255,0.85);\n border-radius: 15px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n z-index: 1000;\n backdrop-filter: blur(8px);\n }\n\n #filter {\n margin-bottom: 20px;\n padding: 10px;\n width: 100%;\n font-size: 16px;\n border-radius: 8px;\n border: 1px solid #ccc;\n }\n\n .location-card {\n border: 1px solid #ddd;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 15px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n cursor: pointer;\n background: #fff;\n transition: background 0.2s;\n }\n\n .location-card:hover {\n background: #f7f7f7;\n }\n\n .location-title {\n font-weight: bold;\n font-size: 18px;\n margin-bottom: 5px;\n }\n\n .location-info {\n font-size: 14px;\n margin-bottom: 8px;\n }\n\n .badge {\n display: inline-block;\n background: #eee;\n padding: 4px 10px;\n font-size: 12px;\n border-radius: 15px;\n color: #333;\n margin-right: 5px;\n }\n\n @media (max-width: 600px) {\n #sidebar {\n width: 90%;\n left: 5%;\n top: 10px;\n max-height: 50vh;\n }\n }\n footer{\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n<div id=\"hi-content\">\n <?php\n get_header();\n ?>\n\n <div id=\"map\"><\/div>\n\n<div id=\"sidebar\">\n <select id=\"filter\">\n <option value=\"all\">ALL<\/option>\n <option value=\"Experiment\">Experiment<\/option>\n <option value=\"Service\">Service<\/option>\n <option value=\"Service\">Test Drive<\/option>\n <\/select>\n <div id=\"locations\"><\/div>\n<\/div>\n\n\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n<script>\n const locations = [\n {\n id: 1,\n title: \"XPENG Egypt West Cairo\",\n address: \"26th of July Corridor, First 6th of October, Giza Governorate\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Service\", \"Experiment\",\"Test Drive\"],\n lat: 30.011499893867583,\n lng: 30.996480556938714\n },\n {\n id: 2,\n title: \"XPENG Egypt East Cairo\",\n address: \"Building 5A MIVIDA Boulevard, New Cairo 1, Cairo Governorate 4760122\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.005355967354813,\n lng: 31.53275763651437\n\n\n },\n\n{\n id: 3,\n title: \"MOTOR ONE LUXURY\",\n address: \"New Cairo 1, Cairo Governorate 4735420\",\n phone: \"+201126556666\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.05424818129148,\n lng: 31.468850202712716\n },\n\n\n{\n id: 4,\n title: \"B-AUTO\",\n address: \"Sheraton Al Matar, El Nozha, Cairo Governorate 4471324\",\n phone: \"+201027104440\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.091848092789544,\n lng: 31.378408890524867\n },\n\n{\n id: 5,\n title: \"ABAZA AUTO Trading (New Cairo)\",\n address: \"Downtown Mall\u060c, \u0645\u062d\u0648\u0631 \u0627\u0644\u0639\u0631\u0648\u0628\u0629\u060c New Cairo 1, Cairo Governorate\",\n phone: \"+20224886201\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.016981991766677,\n lng: 31.41175662182021\n\n },\n{\n id: 6,\n title: \"ABAZA AUTO Trading (Hurghada)\",\n address: \"\u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u062f\u0627\u0626\u0631\u0649, Hurghada 1, Red Sea Governorate 84511\",\n phone: \"16876\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 27.218280580568035, \n lng: 33.798893286565594\n\n },\n{\n id: 7,\n title: \"General EV\",\n address: \"22J3+3CF, First Al Sheikh Zayed, Giza Governorate 3244501\",\n phone: \"16631\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\" , \"Test Drive\"],\n lat: 30.030597980198653, \n lng: 31.003526709428687\n },\n{\n id: 8,\n title: \"Xpeng Egypt Service Center\",\n address: \"Xpeng Service Center, Plot No. 2, Katameya Industrial Zone, New Cairo\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Service\"],\n lat: 29.974694252012107, \n lng: 31.361193128854964\n },\n{\n id: 9,\n title: \"Xpeng Egypt New Cairo\",\n address: \"Xpeng Showroom, Dune Mall, North Teseen Street, New Cairo\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.02858602573061, \n lng: 31.48181711838062\n },\n\n ];\n\n let map;\n const markerRefs = {};\n\n function initMap() {\n map = L.map('map').setView([-6.2, 106.8], 11);\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© OpenStreetMap contributors'\n }).addTo(map);\n\n renderLocations(\"all\");\n }\n\n function renderLocations(selectedType) {\n document.getElementById(\"locations\").innerHTML = \"\";\n Object.values(markerRefs).forEach(ref => {\n if (map.hasLayer(ref.marker)) map.removeLayer(ref.marker);\n });\n Object.keys(markerRefs).forEach(k => delete markerRefs[k]);\n\n const filtered = selectedType === \"all\"\n ? locations\n : locations.filter(loc => loc.type.includes(selectedType));\n\n filtered.forEach(loc => {\n const card = document.createElement(\"div\");\n card.className = \"location-card\";\n card.setAttribute('data-id', loc.id);\n card.innerHTML = `\n <div class=\"location-title\">${loc.title}<\/div>\n <div class=\"location-info\">${loc.address}<\/div>\n <div class=\"location-info\">\ud83d\udcde ${loc.phone}<\/div>\n <div class=\"location-info\">\ud83d\udce7 ${loc.email}<\/div>\n <div>${loc.type.map(t => `<span class=\"badge\">${t}<\/span>`).join('')}<\/div>\n `;\n document.getElementById(\"locations\").appendChild(card);\n\n const marker = L.marker([loc.lat, loc.lng]).addTo(map);\n const popup = marker.bindPopup(`\n <strong>${loc.title}<\/strong><br>\n ${loc.address}<br>\n <a href=\"https:\/\/www.google.com\/maps?q=${loc.lat},${loc.lng}\" target=\"_blank\">Navigate with Google Maps<\/a>\n `);\n\n markerRefs[loc.id] = { marker, popup };\n\n card.addEventListener(\"click\", () => {\n \/\/ Calculate the offset needed to center the marker perfectly\n const center = map.latLngToContainerPoint([loc.lat, loc.lng]);\n const offset = map.getSize().x \/ 2 - center.x;\n \n \/\/ Pan to the marker position with the calculated offset\n map.panBy([offset, 0], { animate: true });\n map.setView([loc.lat, loc.lng], 16, { animate: true });\n marker.openPopup();\n });\n\n marker.on('click', function() {\n \/\/ Same centering logic for marker clicks\n const center = map.latLngToContainerPoint([loc.lat, loc.lng]);\n const offset = map.getSize().x \/ 2 - center.x;\n map.panBy([offset, 0], { animate: true });\n map.setView([loc.lat, loc.lng], 16, { animate: true });\n });\n });\n }\n\n document.getElementById(\"filter\").addEventListener(\"change\", (e) => {\n renderLocations(e.target.value);\n });\n\n initMap();\n<\/script>\n <?php\n get_footer();\n ?>\n\n<\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>XPENG Egypt| FAQ ALLExperimentServiceTest Drive<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":19,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":1003,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956\/revisions\/1003"}],"wp:attachment":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/media?parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":956,"date":"2025-06-25T14:28:48","date_gmt":"2025-06-25T11:28:48","guid":{"rendered":"https:\/\/xpeng.rayaauto.com\/?page_id=956"},"modified":"2026-02-16T17:09:41","modified_gmt":"2026-02-16T14:09:41","slug":"find-us","status":"publish","type":"page","link":"https:\/\/xpeng.com\/eg\/find-us","title":{"rendered":"Find-us"},"content":{"rendered":"\n\n\n\n\n\n\n\n \n \n \n\n\n\n \n \n \n XPENG Egypt| FAQ<\/title>\n <meta name=\"keywords\" content=\"XPENG,XPENG Motors,ev,ev in egypt \">\n <link rel=\"shortcut icon\"\n href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU\/knhAAAANnRSTlMACPr27fK8CrgSDdHcwLQtFuSShBqxJyLLVejXxqF4YEo6NTGqimwe4KWYfXFEP51kWVBMD2cr5oz2AAAEBElEQVR42u3a6ZKiMBAA4A7XcokgIjooOt73MUe\/\/6OtulubwYAJAvsr30+tMilCdzodQZIkSZIkSZIkSZIkAPLrjhAC\/wkhf8eEm4tn3JimGW0\/bGjcarnxroMZN5sZgG0gpXqfv6BR\/tLBH3YAkCr4gz4\/EGiMNe5nRguOAGCfMEMbvUMz7EFLwZ\/0M9x0Pcx667Shfr8+PRUzlB380evjg\/WiB\/Uix7mOD7Y2\/HVc4yN3t4IaTU8aPvJ8+GegIcPZd6Em7c4bMvqZh7xXkaH0zxbUoBeukeVmX3WyUJCltC42VLTauZhDG0CWNcc8qlktM\/l7J\/93l\/AobiFVU2ayzve8w1IWBBizBCkmM1XJO6yNBTkmAVKVMxPNOyyjIMTHOhYJwl7VvEM5MyiwU7CQm64q5R0qOEARe4tPOEu\/fN5h6WMo5kf4hDIcfwFXTPNOHjWFAuy+xFKND05a6O4TfGrL+YF3F5\/SowMRD3xW5AMH3Zd4aYEf+KxhD7iWNHxLpQUyYQKfswNRzL7Esw5jZu02OvK8fYAIa4N8SbZamG015NKXIGZlIE+2WugtAuRTQgKC2g4KUFoD+x55qYsiRl8g7BCgCDVqAwwcFGJ2gYPdl\/hGELsoxGlDKamKIgwy01DE+lB2O1+odU4gGJQvKCbpYrvxWv3EDTRdVZVyE1BUXdcC1xka0agT7qfwql9WN+613w8fl\/N+d51RZAwdlz6cFpnSCWiJMzTnp06YLseDyXHajlf+F4GakS+\/e8qdgDL2LZtAw4h9fSSj\/AmcuzXOgK7A6scKjCLzugJBwRLo66Tfqm0N7EF4fwcd5h1kXkL+W5i+lx+\/o9QZhm9jKIeESr2JKJhAKd86CjnBKkEhyRRK+HxDEfqmB\/A5VFBEKwZh0wQFqN6E0M4b39wCQfEQOWjvgPYA+DoEhPhzkXro2wJKrCZS92K5p4NcSdoFSrgq1C6VKwFaE7OO\/Lp4fQSusSZ+Kih\/MnDaVapBfrvEvrSUapVh2yl1MmRZ332lQm28MrhnY65umrx8OrA2TyNvTCOvQodAX752KnT2foXeLOeEyD8Xu7sYSnkfadwzsnhnIHihe08Okc7pEoj2RrTt7LVy7sNUuX0SfndI3xzhVV+Xoq16azPB4xUcPycEKvC\/ndwpKDvIsk\/5gT+wgYufFvjdQrJTctuCFlRB0wK3SDzrLzRGK6aFZAb\/TNjv3bTxS6tWXFwCrsPmr+1okRi3Grm45FcLyoLk3RZppyk0wx4Yak6RGD5cER0bvbzOZiZtcv1syJT6TfKXmcwUAsAlMk3DNE3PizqfNjSu+z2KPNO8Dzq6h+Lt\/xTkBv4XcnUfFCRJkiRJkiRJkiRJAvgNagfeySxnR1cAAAAASUVORK5CYII=\"\n type=\"image\/png\">\n <meta name=\"description\" content=\"XPENG designer, The Premuim Ev in Egypt \">\n \n <noscript>\n <iframe loading=\"lazy\" src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-W9N66NV\" height=\"0\" width=\"0\"\n style=\"display:none;visibility:hidden\"><\/iframe>\n <\/noscript>\n\n\n <script>\n window.addEventListener(\"DOMContentLoaded\", function () {\n \/\/ document.getElementById(\"noTransitionsStyle\").remove();\n })\n <\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/7527945419924455.e107b566.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/8564070279031375.36bb1489.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/6479822391318970.0869b77a.chunk.js\"><\/script>\n <script charset=\"utf-8\"\n src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/no-index.3da67c89.chunk.js\"><\/script>\n\n <link rel=\"stylesheet\" type=\"text\/css\"\n href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/8006126526871416.96d42842.chunk.css\">\n <link rel=\"stylesheet\" type=\"text\/css\"\n href=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/css\/index.c0b2e1e3.chunk.css\">\n <script charset=\"utf-8\" src=\"https:\/\/a-cdn.xpeng.com\/www\/public\/client\/static\/js\/index.ff30a78d.chunk.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n\n <style>\n .xTA9zbj8{\n font-family: 'futura' !important;\n}\n.wNYDyq6k{\n font-family: 'futura' !important;\n}\n.S0BMg9j6{\n font-family: 'BasisGrotesque_Bold' !important;\n}\n.MqKGXyht{\n font-family: 'basis_grotesque_regular' !important;\n}\n\n\n\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }\n html, body { height: 100%; width: 100%; }\n\n #map {\n position: absolute;\n top: 0; left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n }\n\n #sidebar {\n position: absolute;\n top: 100px;\n left: 20px;\n width: 340px;\n max-height: 80vh;\n overflow-y: auto;\n padding: 20px;\n background: rgba(255,255,255,0.85);\n border-radius: 15px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n z-index: 1000;\n backdrop-filter: blur(8px);\n }\n\n #filter {\n margin-bottom: 20px;\n padding: 10px;\n width: 100%;\n font-size: 16px;\n border-radius: 8px;\n border: 1px solid #ccc;\n }\n\n .location-card {\n border: 1px solid #ddd;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 15px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n cursor: pointer;\n background: #fff;\n transition: background 0.2s;\n }\n\n .location-card:hover {\n background: #f7f7f7;\n }\n\n .location-title {\n font-weight: bold;\n font-size: 18px;\n margin-bottom: 5px;\n }\n\n .location-info {\n font-size: 14px;\n margin-bottom: 8px;\n }\n\n .badge {\n display: inline-block;\n background: #eee;\n padding: 4px 10px;\n font-size: 12px;\n border-radius: 15px;\n color: #333;\n margin-right: 5px;\n }\n\n @media (max-width: 600px) {\n #sidebar {\n width: 90%;\n left: 5%;\n top: 10px;\n max-height: 50vh;\n }\n }\n footer{\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n<div id=\"hi-content\">\n <?php\n get_header();\n ?>\n\n <div id=\"map\"><\/div>\n\n<div id=\"sidebar\">\n <select id=\"filter\">\n <option value=\"all\">ALL<\/option>\n <option value=\"Experiment\">Experiment<\/option>\n <option value=\"Service\">Service<\/option>\n <option value=\"Service\">Test Drive<\/option>\n <\/select>\n <div id=\"locations\"><\/div>\n<\/div>\n\n\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n<script>\n const locations = [\n {\n id: 1,\n title: \"XPENG Egypt West Cairo\",\n address: \"26th of July Corridor, First 6th of October, Giza Governorate\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Service\", \"Experiment\",\"Test Drive\"],\n lat: 30.011499893867583,\n lng: 30.996480556938714\n },\n {\n id: 2,\n title: \"XPENG Egypt East Cairo\",\n address: \"Building 5A MIVIDA Boulevard, New Cairo 1, Cairo Governorate 4760122\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.005355967354813,\n lng: 31.53275763651437\n\n\n },\n\n{\n id: 3,\n title: \"MOTOR ONE LUXURY\",\n address: \"New Cairo 1, Cairo Governorate 4735420\",\n phone: \"+201126556666\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.05424818129148,\n lng: 31.468850202712716\n },\n\n\n{\n id: 4,\n title: \"B-AUTO\",\n address: \"Sheraton Al Matar, El Nozha, Cairo Governorate 4471324\",\n phone: \"+201027104440\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.091848092789544,\n lng: 31.378408890524867\n },\n\n{\n id: 5,\n title: \"ABAZA AUTO Trading (New Cairo)\",\n address: \"Downtown Mall\u060c, \u0645\u062d\u0648\u0631 \u0627\u0644\u0639\u0631\u0648\u0628\u0629\u060c New Cairo 1, Cairo Governorate\",\n phone: \"+20224886201\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.016981991766677,\n lng: 31.41175662182021\n\n },\n{\n id: 6,\n title: \"ABAZA AUTO Trading (Hurghada)\",\n address: \"\u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u062f\u0627\u0626\u0631\u0649, Hurghada 1, Red Sea Governorate 84511\",\n phone: \"16876\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 27.218280580568035, \n lng: 33.798893286565594\n\n },\n{\n id: 7,\n title: \"General EV\",\n address: \"22J3+3CF, First Al Sheikh Zayed, Giza Governorate 3244501\",\n phone: \"16631\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\" , \"Test Drive\"],\n lat: 30.030597980198653, \n lng: 31.003526709428687\n },\n{\n id: 8,\n title: \"Xpeng Egypt Service Center\",\n address: \"Xpeng Service Center, Plot No. 2, Katameya Industrial Zone, New Cairo\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Service\"],\n lat: 29.974694252012107, \n lng: 31.361193128854964\n },\n{\n id: 9,\n title: \"Xpeng Egypt New Cairo\",\n address: \"Xpeng Showroom, Dune Mall, North Teseen Street, New Cairo\",\n phone: \"15547\",\n email:\"info@xpeng-egypt.com\",\n type: [\"Experiment\",\"Test Drive\"],\n lat: 30.02858602573061, \n lng: 31.48181711838062\n },\n\n ];\n\n let map;\n const markerRefs = {};\n\n function initMap() {\n map = L.map('map').setView([-6.2, 106.8], 11);\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© OpenStreetMap contributors'\n }).addTo(map);\n\n renderLocations(\"all\");\n }\n\n function renderLocations(selectedType) {\n document.getElementById(\"locations\").innerHTML = \"\";\n Object.values(markerRefs).forEach(ref => {\n if (map.hasLayer(ref.marker)) map.removeLayer(ref.marker);\n });\n Object.keys(markerRefs).forEach(k => delete markerRefs[k]);\n\n const filtered = selectedType === \"all\"\n ? locations\n : locations.filter(loc => loc.type.includes(selectedType));\n\n filtered.forEach(loc => {\n const card = document.createElement(\"div\");\n card.className = \"location-card\";\n card.setAttribute('data-id', loc.id);\n card.innerHTML = `\n <div class=\"location-title\">${loc.title}<\/div>\n <div class=\"location-info\">${loc.address}<\/div>\n <div class=\"location-info\">\ud83d\udcde ${loc.phone}<\/div>\n <div class=\"location-info\">\ud83d\udce7 ${loc.email}<\/div>\n <div>${loc.type.map(t => `<span class=\"badge\">${t}<\/span>`).join('')}<\/div>\n `;\n document.getElementById(\"locations\").appendChild(card);\n\n const marker = L.marker([loc.lat, loc.lng]).addTo(map);\n const popup = marker.bindPopup(`\n <strong>${loc.title}<\/strong><br>\n ${loc.address}<br>\n <a href=\"https:\/\/www.google.com\/maps?q=${loc.lat},${loc.lng}\" target=\"_blank\">Navigate with Google Maps<\/a>\n `);\n\n markerRefs[loc.id] = { marker, popup };\n\n card.addEventListener(\"click\", () => {\n \/\/ Calculate the offset needed to center the marker perfectly\n const center = map.latLngToContainerPoint([loc.lat, loc.lng]);\n const offset = map.getSize().x \/ 2 - center.x;\n \n \/\/ Pan to the marker position with the calculated offset\n map.panBy([offset, 0], { animate: true });\n map.setView([loc.lat, loc.lng], 16, { animate: true });\n marker.openPopup();\n });\n\n marker.on('click', function() {\n \/\/ Same centering logic for marker clicks\n const center = map.latLngToContainerPoint([loc.lat, loc.lng]);\n const offset = map.getSize().x \/ 2 - center.x;\n map.panBy([offset, 0], { animate: true });\n map.setView([loc.lat, loc.lng], 16, { animate: true });\n });\n });\n }\n\n document.getElementById(\"filter\").addEventListener(\"change\", (e) => {\n renderLocations(e.target.value);\n });\n\n initMap();\n<\/script>\n <?php\n get_footer();\n ?>\n\n<\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>XPENG Egypt| FAQ ALLExperimentServiceTest Drive<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":19,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":1003,"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/pages\/956\/revisions\/1003"}],"wp:attachment":[{"href":"https:\/\/xpeng.com\/eg\/wp-json\/wp\/v2\/media?parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}