{"id":841,"date":"2026-03-03T19:28:50","date_gmt":"2026-03-03T19:28:50","guid":{"rendered":"https:\/\/northeastortho.com\/?page_id=841"},"modified":"2026-03-27T19:43:36","modified_gmt":"2026-03-27T19:43:36","slug":"locations-2","status":"publish","type":"page","link":"https:\/\/northeastortho.com\/?page_id=841","title":{"rendered":"Locations"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<style>\n  :root {\n    --noa-blue: #03a9f4;\n    --noa-dark: #17252a;\n    --noa-bg: #f8f9fa;\n  }\n\n  .noa-locator-wrapper {\n    display: flex;\n    flex-direction: row;\n    height: 80vh;\n    min-height: 600px;\n    border: 1px solid #ddd;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    background: #fff;\n    overflow: hidden;\n  }\n\n  .noa-sidebar {\n    width: 350px;\n    height: 100%;\n    overflow-y: auto;\n    background: #fff;\n    border-right: 1px solid #ddd;\n    z-index: 10;\n  }\n\n  .noa-location-item {\n    padding: 16px 20px;\n    border-bottom: 1px solid #eee;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n\n  .noa-location-item:hover {\n    background-color: var(--noa-bg);\n    border-left: 4px solid var(--noa-blue);\n  }\n\n  .noa-location-title {\n    color: var(--noa-blue);\n    font-size: 1rem;\n    font-weight: 700;\n    margin-bottom: 4px;\n  }\n\n  .noa-location-address {\n    color: #666;\n    font-size: 0.85rem;\n    line-height: 1.4;\n  }\n\n  \/* Styling for the phone link in sidebar\/popup *\/\n  .noa-phone-link {\n    display: inline-block;\n    margin-top: 5px;\n    color: var(--noa-blue);\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.85rem;\n  }\n\n  .noa-map-container {\n    flex-grow: 1;\n    height: 100%;\n    position: relative;\n  }\n\n  #map {\n    height: 100%;\n    width: 100%;\n  }\n\n  #map-overlay {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(255, 255, 255, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    pointer-events: none;\n    transition: opacity 0.4s ease;\n  }\n\n  .overlay-content {\n    text-align: center;\n    padding: 20px;\n    background: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  }\n\n  @media (max-width: 768px) {\n    .noa-locator-wrapper { flex-direction: column; height: 90vh; }\n    .noa-sidebar { width: 100%; height: 40%; border-right: none; border-bottom: 1px solid #ddd; }\n    .noa-map-container { height: 60%; }\n  }\n<\/style>\n\n<div class=\"noa-locator-wrapper\">\n  <div class=\"noa-sidebar\" id=\"location-list\"><\/div>\n  <div class=\"noa-map-container\">\n    <div id=\"map\"><\/div>\n    <div id=\"map-overlay\">\n      <div class=\"overlay-content\">\n        <strong style=\"color:var(--noa-blue); font-size: 1.2rem;\">Find a Location<\/strong>\n        <p style=\"margin-top:8px; color:#555;\">Select an office from the list <br>to see details and phone number.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ I've added a 'phone' field to your data.\n  \/\/ You can fill in the rest of the phone numbers following this pattern.\n  const locations = [\n    { name: \"Boston Bone & Joint Institute (BBJI)\", address: \"71 border Rd, Third Floor, Waltham, MA 02451 \", lat: 42.238420, lng: -71.176460, phone: \"(781) 890-2133\" },\n    { name: \"Boston Bone & Joint Institute (BBJI)\", address: \"40 Allied Dr, Dedham, MA 02026\", lat: 42.238420, lng: -71.176460, phone: \"(781) 890-2133\" },\n    { name: \"Boston Bone & Joint Institute (BBJI)\", address: \"800 W Cummings Park Suite 2250, Woburn, MA 01801\", lat: 42.496920, lng: -71.130980, phone: \"(781) 890-2133\" },\n    { name: \"Concord Orthopaedics\", address: \"264 Pleasant St, Concord, NH 03301\", lat: 43.197360, lng: -71.551320, phone: \"(603) 224-3368\" },\n    { name: \"Concord Orthopaedics\", address: \"6 Tsienneto Rd UNIT 200, Derry, NH 03038\", lat: 42.894370, lng: -71.303980, phone: \"(603) 224-3368\" },\n    { name: \"Concord Orthopaedics\", address: \"247 Newport Rd Suite 101, New London, NH 03257\", lat: 43.407220, lng: -71.970170, phone: \"(603) 724-2590\" },\n    { name: \"Concord Orthopaedics\", address: \"103 Boulder Point Dr, Plymouth, NH 03264\", lat: 43.747970, lng: -71.666990, phone: \"(603) 724-2590\" },\n    { name: \"Concord Orthopaedics\", address: \"6 Old Fremont Rd Ste 5, Raymond, NH 03077\", lat: 43.037980, lng: -71.182180, phone: \"(603) 724-2590\" },\n    { name: \"MedCheck Urgent Care\", address: \"178 Daniel Webster Hwy, Meredith, NH 03253\", lat: 43.649660, lng: -71.498840, phone: \"(603) 279-6064\" },\n    { name: \"Concord Orthopedics\", address: \"50 Michels Wy Suite 206, Londonderry, NH 03053\", lat: 42.866160, lng: -71.378900, phone: \"(603) 224-3368\" },\n    { name: \"Mobility Bone & Joint Institute\", address: \"323 Lowell St, Andover, MA 01810\", lat: 42.646870, lng: -71.168700, phone: \"(978) 794-1946\" },\n    { name: \"Mobility Bone & Joint Institute\", address: \"62 Brown St #303, Haverhill, MA 01830\", lat: 42.781840, lng: -71.071720, phone: \"(978) 794-1946\" },\n    { name: \"Mobility Bone & Joint Institute\", address: \"16 Pelham Rd Suite 1, Salem, NH 03079\", lat: 42.784400, lng: -71.214050, phone: \"(603) 898-2244\" },\n    { name: \"Mobility Sports Therapy & Rehab\", address: \"16 Pelham Rd Suite 2, Salem, NH 03079\", lat: 42.784400, lng: -71.214050, phone: \"(603) 894-1111\" },\n    { name: \"New England Orthopedic Surgeons Inc\", address: \"300 Birnie Ave #201, Springfield, MA 01107\", lat: 42.118940, lng: -72.607410, phone: \"(413) 785-4666\" },\n    { name: \"New England Orthopedic Surgeons\", address: \"265 Benton Dr, East Longmeadow, MA 01028\", lat: 42.055900, lng: -72.509740, phone: \"(413) 785-4666\" },\n    { name: \"NEOS Physical Therapy\", address: \"975 Springfield St, Feeding Hills, MA 01030\", lat: 42.074740, lng: -72.677560, phone: \"(413) 233-1162\" },\n    { name: \"New England Orthopedic Surgeons\", address: \"325b King St, Northampton, MA 01060\", lat: 42.338780, lng: -72.633510, phone: \"(413) 785-4666\" },\n    { name: \"NEOS Physical Therapy\", address: \"303 King St, Northampton, MA 01060\", lat: 42.337650, lng: -72.633210, phone: \"(413) 570-3981\" },\n    { name: \"NEOS Physical Therapy\", address: \"1 Moody St, Ludlow, MA 01056\", lat: 42.158330, lng: -72.479530, phone: \"(413) 846-1430\" },\n    { name: \"New Hampshire Orthopedic Center Nashua\", address: \"17 Riverside St #101, Nashua, NH 03062\", lat: 42.766150, lng: -71.485450, phone: \"(603) 883-0091\" },\n    { name: \"New Hampshire Orthopedic Center\", address: \"9 Washington Pl #101, Bedford, NH 03110\", lat: 42.946320, lng: -71.493820, phone: \"(603) 883-0091\" },\n    { name: \"New Hampshire Orthopedic Center\", address: \"77 Daniel Webster Hwy, Belmont, NH 03220\", lat: 43.491390, lng: -71.474640, phone: \"(603) 883-0091\" },\n    { name: \"New Hampshire Orthopaedic Center\", address: \"41 Buttrick Rd, Londonderry, NH 03053\", lat: 42.873520, lng: -71.373410, phone: \"(603) 883-0091\" },\n    { name: \"New Hampshire Orthopaedic Center\", address: \"351 Winchester St, Keene, NH 03431\", lat: 42.918940, lng: -72.285520, phone: \"(603) 883-0091\" },\n    { name: \"New Hampshire Orthopaedic Center\", address: \"8 Loudon Rd, Concord, NH 03301\", lat: 43.210410, lng: -71.520420, phone: \"(603) 224-3368\" },\n    { name: \"Whittier Rehabilitation Hospital\", address: \"150 Flanders Rd, Westborough, MA 01581\", lat: 42.261890, lng: -71.611100, phone: \"(508) 870-2222\" },\n    { name: \"Baystate Orthopedic Surgery Center\", address: \"50 Wason Ave, Springfield, MA 01107\", lat: 42.119760, lng: -72.606770, phone: \"(413) 794-1800\" },\n    { name: \"Medical Suite\", address: \"575 Turnpike St suite 21, North Andover, MA 01845\", lat: 42.668740, lng: -71.104380, phone: \"(978) 794-1946\" }\n  ];\n  const map = L.map('map').setView([42.8, -71.5], 8); \n\n  L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n    maxZoom: 19,\n    attribution: '\u00a9 OpenStreetMap'\n  }).addTo(map);\n\n  const sidebar = document.getElementById('location-list');\n  const overlay = document.getElementById('map-overlay');\n\n  locations.forEach((loc) => {\n    const phoneHTML = loc.phone ? `<a href=\"tel:${loc.phone.replace(\/\\D\/g,'')}\" class=\"noa-phone-link\">\ud83d\udcde ${loc.phone}<\/a>` : '';\n    \n    const marker = L.marker([loc.lat, loc.lng]).addTo(map);\n    marker.bindPopup(`<strong>${loc.name}<\/strong><br>${loc.address}<br>${phoneHTML}`);\n\n    const item = document.createElement('div');\n    item.className = 'noa-location-item';\n    item.innerHTML = `\n      <div class=\"noa-location-title\">${loc.name}<\/div>\n      <div class=\"noa-location-address\">${loc.address}<\/div>\n      ${phoneHTML}\n    `;\n\n    item.onclick = () => {\n      overlay.style.opacity = '0';\n      setTimeout(() => overlay.style.display = 'none', 400);\n      map.flyTo([loc.lat, loc.lng], 14);\n      marker.openPopup();\n      if (window.innerWidth <= 768) {\n          document.getElementById('map').scrollIntoView({ behavior: 'smooth' });\n      }\n    };\n\n    sidebar.appendChild(item);\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Find a Location Select an office from the list to see details and phone number.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-841","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/northeastortho.com\/index.php?rest_route=\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northeastortho.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northeastortho.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northeastortho.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/northeastortho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=841"}],"version-history":[{"count":0,"href":"https:\/\/northeastortho.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions"}],"wp:attachment":[{"href":"https:\/\/northeastortho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}