{"id":3089,"date":"2026-05-18T05:08:25","date_gmt":"2026-05-18T05:08:25","guid":{"rendered":"https:\/\/jnfw.org.jo\/assembly-centers-in-the-governorates\/"},"modified":"2026-06-23T07:03:32","modified_gmt":"2026-06-23T07:03:32","slug":"assembly-centers-in-the-governorates","status":"publish","type":"page","link":"https:\/\/jnfw.org.jo\/en\/assembly-centers-in-the-governorates\/","title":{"rendered":"Assembly centers in the governorates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3089\" class=\"elementor elementor-3089 elementor-1153\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed6bb97 e-flex e-con-boxed e-con e-parent\" data-id=\"ed6bb97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abef043 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"abef043\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"29\" src=\"https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top.png\" class=\"attachment-full size-full wp-image-3057\" alt=\"\" srcset=\"https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top.png 1920w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-300x5.png 300w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-1024x15.png 1024w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-768x12.png 768w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-1536x23.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ced6c elementor-widget__width-inherit elementor-absolute e-transform elementor-widget elementor-widget-image\" data-id=\"a4ced6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_flipY_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"29\" src=\"https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top.png\" class=\"attachment-full size-full wp-image-3057\" alt=\"\" srcset=\"https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top.png 1920w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-300x5.png 300w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-1024x15.png 1024w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-768x12.png 768w, https:\/\/jnfw.org.jo\/wp-content\/uploads\/2026\/05\/bannerBorder-top-1536x23.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b999f3 e-con-full e-flex e-con e-child\" data-id=\"9b999f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b446227 elementor-widget elementor-widget-heading\" data-id=\"b446227\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Our Centers Across Jordan<\/h1>\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-d15cb27 e-flex e-con-boxed e-con e-parent\" data-id=\"d15cb27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c58d940 elementor-widget elementor-widget-shortcode\" data-id=\"c58d940\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n\n<html lang=\"en\">\n\n<head>\n\n<meta charset=\"UTF-8\" \/>\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n\n\n\n<title>Jordan Centers Map<\/title>\n\n\n\n<!-- LEAFLET -->\n\n<link\n\n  rel=\"stylesheet\"\n\n  href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\n\n\/>\n\n\n\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n\n\n<style>\n\n\n\n\/* =========================\n\nLAYOUT\n\n========================= *\/\n\n\n\n.wrapper{\n\n  display:flex;\n\n  width:100%;\n\n  height:100vh;\n\n}\n\n\n\n\/* =========================\n\nSIDEBAR\n\n========================= *\/\n\n\n\n.sidebar{\n\n  width:340px;\n\n  background:#ffffff;\n\n  padding:24px;\n\n  overflow-y:auto;\n\n  border-right:1px solid #eee;\n\n  box-shadow:0 0 15px rgba(0,0,0,0.08);\n\n  z-index:1000;\n\n}\n\n\n\n.sidebar h2{\n\n  font-size:30px;\n\n  color:#4D2C5E;\n\n  margin-bottom:8px;\n\n}\n\n\n\n.sidebar h3{\n\n  font-size:20px;\n\n  color:#4D2C5E;\n\n  margin-bottom:18px;\n\n}\n\n\n\n.sidebar p{\n\n  color:#777;\n\n  font-size:14px;\n\n  line-height:1.5;\n\n  margin-bottom:25px;\n\n}\n\n\n\n\/* =========================\n\nCENTER LIST\n\n========================= *\/\n\n\n\n.center-list{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:12px;\n\n}\n\n\n\n.center-item{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  background:#faf7fc;\n\n  border:1px solid #eee;\n\n  border-radius:14px;\n\n  padding:14px;\n\n  cursor:pointer;\n\n  transition:0.3s;\n\n}\n\n\n\n.center-item:hover{\n\n  background:#f3edf8;\n\n  transform:translateX(4px);\n\n}\n\n\n\n.center-left{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n}\n\n\n\n.number{\n\n  width:32px;\n\n  height:32px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  color:white;\n\n  font-size:13px;\n\n  font-weight:bold;\n\n  flex-shrink:0;\n\n}\n\n\n\n.center-name{\n\n  font-size:15px;\n\n  color:#4D2C5E;\n\n  font-weight:700;\n\n}\n\n\n\n.center-ar{\n\n  font-size:13px;\n\n  color:#777;\n\n  margin-top:3px;\n\n}\n\n\n\n\/* =========================\n\nMAP\n\n========================= *\/\n\n\n\n#map{\n\n  flex:1;\n\n  background:#e8e1dc;\n\n}\n\n\n\n\/* Remove unwanted labels *\/\n\n.leaflet-control-attribution{\n\n  display:none;\n\n}\n\n\n\n\/* =========================\n\nPOPUP\n\n========================= *\/\n\n\n\n.leaflet-popup-content-wrapper{\n\n  border-radius:16px;\n\n  padding:4px;\n\n}\n\n\n\n.popup-card{\n\n  text-align:center;\n\n  padding:12px;\n\n}\n\n\n\n.popup-card h3{\n\n  color:#4D2C5E;\n\n  margin-bottom:5px;\n\n  font-size:18px;\n\n}\n\n\n\n.popup-card p{\n\n  color:#666;\n\n  font-size:16px;\n\n}\n\n\n\n\/* =========================\n\nCUSTOM MARKER\n\n========================= *\/\n\n\n\n.marker-pin{\n\n  width:36px;\n\n  height:36px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  color:white;\n\n  font-weight:bold;\n\n  border:3px solid white;\n\n  box-shadow:0 4px 10px rgba(0,0,0,0.2);\n\n  font-size:14px;\n\n}\n\n\n\n\/* =========================\n\nFIT BUTTON\n\n========================= *\/\n\n\n\n.fit-btn{\n\n  background:white;\n\n  border:none;\n\n  padding:10px 15px;\n\n  border-radius:10px;\n\n  font-weight:bold;\n\n  cursor:pointer;\n\n  box-shadow:0 2px 10px rgba(0,0,0,0.15);\n\n  color:#4D2C5E;\n\n}\n\n\n\n\/* =========================\n\nRESPONSIVE\n\n========================= *\/\n\n\n\n@media(max-width:768px){\n\n\n\n  .wrapper{\n\n    flex-direction:column;\n\n  }\n\n\n\n  .sidebar{\n\n    width:100%;\n\n    height:320px;\n\n  }\n\n\n\n  #map{\n\n    height:calc(100vh - 320px);\n\n  }\n\n\n\n}\n\n\n\n<\/style>\n\n<\/head>\n\n\n\n<body>\n\n\n\n<div class=\"wrapper\">\n\n\n\n  <!-- SIDEBAR -->\n\n  <div class=\"sidebar\">\n    <h2>Our Centers Across Jordan<\/h2>\n    <h3>\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u062c\u0645\u0639 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0627\u062a<\/h3>\n\n\n\n\n\n    <div class=\"center-list\" id=\"centerList\"><\/div>\n\n\n\n  <\/div>\n\n\n\n  <!-- MAP -->\n\n  <div id=\"map\"><\/div>\n\n\n\n<\/div>\n\n\n\n<script>\n\n\n\n\/* =========================\n\nINIT MAP\n\n========================= *\/\n\n\n\nconst map = L.map('map', {\n\n  zoomControl:true\n\n});\n\n\n\n\/* =========================\n\nLIMIT MAP ONLY TO JORDAN\n\n========================= *\/\n\n\n\nconst jordanBounds = [\n\n  [28.7, 34.8],\n\n  [33.5, 39.4]\n\n];\n\n\n\nmap.setMaxBounds(jordanBounds);\n\n\n\n\/* =========================\n\nMINIMAL MAP STYLE\n\nEnglish + Arabic labels only\n\n========================= *\/\n\n\n\nL.tileLayer(\n\n  'https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png',\n\n  {\n\n    maxZoom:18\n\n  }\n\n).addTo(map);\n\n\n\n\/* =========================\n\nFIT TO JORDAN\n\n========================= *\/\n\n\n\nmap.fitBounds(jordanBounds);\n\n\n\n\/* =========================\n\nCENTER DATA\n\n========================= *\/\n\n\n\nconst centers = [\n\n\n\n{\n\n  id:1,\n\n  en:\"Amman\",\n\n  ar:\"\u0639\u0645\u0651\u0627\u0646\",\n\n  lat:31.9539,\n\n  lng:35.9106,\n\n  color:\"#4D2C5E\"\n\n},\n\n\n\n{\n\n  id:2,\n\n  en:\"Madaba\",\n\n  ar:\"\u0645\u0627\u062f\u0628\u0627\",\n\n  lat:31.7196,\n\n  lng:35.7939,\n\n  color:\"#8B6FA8\"\n\n},\n\n\n\n{\n\n  id:3,\n\n  en:\"Zarqa\",\n\n  ar:\"\u0627\u0644\u0632\u0631\u0642\u0627\u0621\",\n\n  lat:32.0728,\n\n  lng:36.0880,\n\n  color:\"#C9A14A\"\n\n},\n\n\n\n{\n\n  id:4,\n\n  en:\"Irbid\",\n\n  ar:\"\u0625\u0631\u0628\u062f\",\n\n  lat:32.5568,\n\n  lng:35.8479,\n\n  color:\"#5A3E70\"\n\n},\n\n\n\n{\n\n  id:5,\n\n  en:\"Ajloun\",\n\n  ar:\"\u0639\u062c\u0644\u0648\u0646\",\n\n  lat:32.3326,\n\n  lng:35.7517,\n\n  color:\"#9270B8\"\n\n},\n\n\n\n{\n\n  id:6,\n\n  en:\"Jerash\",\n\n  ar:\"\u062c\u0631\u0634\",\n\n  lat:32.2744,\n\n  lng:35.8961,\n\n  color:\"#D0A34D\"\n\n},\n\n\n\n{\n\n  id:7,\n\n  en:\"Mafraq\",\n\n  ar:\"\u0627\u0644\u0645\u0641\u0631\u0642\",\n\n  lat:32.3429,\n\n  lng:36.2080,\n\n  color:\"#6B4A88\"\n\n},\n\n\n\n{\n\n  id:8,\n\n  en:\"Karak\",\n\n  ar:\"\u0627\u0644\u0643\u0631\u0643\",\n\n  lat:31.1854,\n\n  lng:35.7047,\n\n  color:\"#B58ACD\"\n\n},\n\n\n\n{\n\n  id:9,\n\n  en:\"Tafilah\",\n\n  ar:\"\u0627\u0644\u0637\u0641\u064a\u0644\u0629\",\n\n  lat:30.8375,\n\n  lng:35.6044,\n\n  color:\"#C9A14A\"\n\n},\n\n\n\n{\n\n  id:10,\n\n  en:\"Aqaba\",\n\n  ar:\"\u0627\u0644\u0639\u0642\u0628\u0629\",\n\n  lat:29.5321,\n\n  lng:35.0063,\n\n  color:\"#4D2C5E\"\n\n},\n\n\n\n{\n\n  id:11,\n\n  en:\"Ma'an\",\n\n  ar:\"\u0645\u0639\u0627\u0646\",\n\n  lat:30.1927,\n\n  lng:35.7342,\n\n  color:\"#8B6FA8\"\n\n}\n\n\n\n];\n\n\n\n\/* =========================\n\nCREATE MARKERS + SIDEBAR\n\n========================= *\/\n\n\n\ncenters.forEach(center => {\n\n\n\n  \/* CUSTOM ICON *\/\n\n\n\n  const customIcon = L.divIcon({\n\n    className:'',\n\n    html:`\n\n      <div class=\"marker-pin\"\n\n      style=\"background:${center.color}\">\n\n        ${center.id}\n\n      <\/div>\n\n    `,\n\n    iconSize:[36,36],\n\n    iconAnchor:[18,18]\n\n  });\n\n\n\n  \/* MARKER *\/\n\n\n\n  const marker = L.marker(\n\n    [center.lat, center.lng],\n\n    {\n\n      icon:customIcon\n\n    }\n\n  ).addTo(map);\n\n\n\n  \/* POPUP *\/\n\n\n\n  marker.bindPopup(`\n\n    <div class=\"popup-card\">\n\n      <h3>${center.en}<\/h3>\n\n      <p>${center.ar}<\/p>\n\n    <\/div>\n\n  `);\n\n\n\n  \/* SIDEBAR ITEM *\/\n\n\n\n  const item = document.createElement('div');\n\n\n\n  item.className = 'center-item';\n\n\n\n  item.innerHTML = `\n\n\n\n    <div class=\"center-left\">\n\n\n\n      <div\n\n        class=\"number\"\n\n        style=\"background:${center.color}\"\n\n      >\n\n        ${center.id}\n\n      <\/div>\n\n\n\n      <div>\n\n\n\n        <div class=\"center-name\">\n\n          ${center.en}\n\n        <\/div>\n\n\n\n        <div class=\"center-ar\">\n\n          ${center.ar}\n\n        <\/div>\n\n\n\n      <\/div>\n\n\n\n    <\/div>\n\n\n\n    <div style=\"\n\n      color:#aaa;\n\n      font-size:22px;\n\n      font-weight:bold;\n\n    \">\n\n      \u203a\n\n    <\/div>\n\n  `;\n\n\n\n  \/* CLICK ACTION *\/\n\n\n\n  item.addEventListener('click', () => {\n\n\n\n    map.flyTo(\n\n      [center.lat, center.lng],\n\n      9,\n\n      {\n\n        duration:1.5\n\n      }\n\n    );\n\n\n\n    marker.openPopup();\n\n\n\n  });\n\n\n\n  document\n\n    .getElementById('centerList')\n\n    .appendChild(item);\n\n\n\n});\n\n\n\n\/* =========================\n\nFIT MAP BUTTON\n\n========================= *\/\n\n\n\n\/\/ const fitButton = L.control({\n\n\/\/   position:'topright'\n\n\/\/ });\n\n\n\n\/\/ fitButton.onAdd = function () {\n\n\n\n\/\/   const div = L.DomUtil.create('div');\n\n\n\n\/\/   div.innerHTML = `\n\n\/\/     <button class=\"fit-btn\">\n\n\/\/       \u062e\u0631\u064a\u0637\u0629 \u0641\u064a\u062a\n\n\/\/     <\/button>\n\n\/\/   `;\n\n\n\n\/\/ div.onclick = function(){\n\n\/\/   map.fitBounds(jordanBounds);\n\n\/\/ }\n\n\/\/   return div;\n\n\/\/ };\n\n\n\n\/\/ fitButton.addTo(map);\n\n\n\n<\/script>\n\n\n\n<\/body>\n\n<\/html><\/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>Our Centers Across Jordan<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3089","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/pages\/3089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/comments?post=3089"}],"version-history":[{"count":10,"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/pages\/3089\/revisions"}],"predecessor-version":[{"id":4120,"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/pages\/3089\/revisions\/4120"}],"wp:attachment":[{"href":"https:\/\/jnfw.org.jo\/en\/wp-json\/wp\/v2\/media?parent=3089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}