flet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

</style>
<link
    rel="stylesheet"
    href="./maplibre-gl.css?v=5.7.3"
>
<link rel="stylesheet" href="./hybrid-follow-maplibre.css?v=1">
<link rel="stylesheet" href="./popup-actions.css?v=1">
<link rel="stylesheet" href="./field-map-ui.css?v=20260822-45">
<script src="./sensitive-areas.js?v=20260814-02"></script>
<style>
/* Critical search layout is kept inline so local and hosted browsers cannot
   revive the older two-row control from a cached stylesheet. */
@media (min-width: 701px) {
    .map-search-control {
        display: grid !important;
        grid-template-columns: 190px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px !important;
        width: min(620px, calc(100vw - 150px)) !important;
        padding: 6px !important;
    }

    .map-search-tabs {
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    .map-address-row,
    .map-postmile-row {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    .map-search-results {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }
}

/* A phone in landscape is wider than the normal phone breakpoint but does not
   have desktop height. Keep the search between the two corner controls. */
@media (orientation: landscape) and (max-height: 520px) and (max-width: 950px) {
    .leaflet-center .map-search-control {
        grid-template-columns: 150px minmax(0, 1fr) !important;
        width: calc(100vw - 150px) !important;
        max-width: 640px !important;
        padding: 5px !important;
    }
    .leaflet-control-layers,
    .leaflet-control-layers-expanded,
    .leaflet-control-layers .leaflet-control-layers-toggle,
    .leaflet-control-layers-expanded .leaflet-control-layers-toggle,
    .map-center-button {
        width: 46px !important;
        min-width: 46px !important;
    }
    .layers-button-label,
    .center-button-label { display: none !important; }
    .leaflet-center .map-search-control.is-follow-hidden {
        display: none !important;
    }
}

/* Search is intentionally hidden while following; use the freed top space. */
body.follow-mode-active .leaflet-top.leaflet-left {
    top: 0 !important;
}
body.follow-mode-active .leaflet-top.leaflet-left .center-location-control,
body.follow-mode-active .leaflet-top.leaflet-left .street-view-drop-control {
    margin-top: 10px !important;
}

/* Compact white location button with the rounded target icon. */
.center-location-control {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}
.map-center-button,
.leaflet-top.leaflet-left .map-center-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(7,63,85,.18) !important;
    border-radius: 50% !important;
    color: #08a9d0 !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 4px 14px rgba(7,48,65,.20) !important;
}
.map-center-button:hover { background: #f2f8fa !important; }
.map-center-button .center-button-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #08a9d0 !important;
}
.map-center-button .center-button-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.map-center-button .center-button-icon circle {
    fill: none !important;
    stroke: currentColor !important;
}
.center-button-label { display: none !important; }
</style>

<style id="d4-r51-whats-new-style">
/* R51: unified Location Lookup fields + one-time What's New announcement */
.location-info-panel .location-panel-item,
.location-info-panel .location-panel-value {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-theme="night"] .location-info-panel .location-panel-item,
body[data-theme="night"] .location-info-panel .location-panel-value {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body[data-theme="night"] .location-info-panel {
  background: #123746 !important;
}

#d4WhatsNewOverlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  box-sizing: border-box;
  background: rgba(3, 17, 25, .72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
#d4WhatsNewOverlay.is-visible { display: flex; }
#d4WhatsNewCard {
  width: min(680px, calc(100vw - 44px));
  max-height: min(690px, calc(100vh - 54px));
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid rgba(86, 202, 238, .46);
  border-radius: 22px;
  padding: 19px 22px 17px;
  color: #ecf8ff;
  background: linear-gradient(180deg, #0d2d3b 0%, #081e29 100%);
  box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(20,167,215,.08) inset;
  font-family: "Segoe UI", Arial, sans-serif;
}
.d4-whats-new-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(105,196,224,.28);
}
.d4-whats-new-brand img { width: 60px; height: auto; object-fit: contain; }
.d4-whats-new-brand strong { display:block; font-size:22px; line-height:1.05; letter-spacing:.02em; }
.d4-whats-new-brand span { color:#8fdcf4; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.d4-whats-new-title { text-align:center; margin:14px 0 3px; font-size:32px; line-height:1; font-weight:900; letter-spacing:.035em; }
.d4-whats-new-subtitle { text-align:center; margin:0 0 14px; color:#56cef4; font-size:14px; font-weight:800; letter-spacing:.04em; }
.d4-new-feature-box {
  border: 1px solid rgba(91,190,222,.28);
  border-radius: 16px;
  padding: 15px;
  background: rgba(5,30,42,.66);
}
.d4-new-feature-box h2 { margin:0 0 6px; color:#57d4fa; font-size:20px; }
.d4-new-feature-box p { margin:0 0 10px; color:#d8eaf1; line-height:1.45; }
.d4-mode-demo { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:10px 0; }
.d4-mode-pill { min-height:43px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #4f8397; border-radius:12px; background:#102d3a; font-weight:800; }
.d4-mode-pill.auto { border-color:#19a8da; box-shadow:0 0 0 1px rgba(25,168,218,.28) inset; }
.d4-mode-icon { font-size:23px; line-height:1; }
.d4-selector-note { margin-top:14px !important; padding:12px 14px; border-radius:11px; color:#e9f8fd !important; background:#123847; }
.d4-selector-note b { color:#65d9fb; }
.d4-selector-note-mobile { display:none; }
@media (max-width: 900px) {
  .d4-selector-note-desktop { display:none; }
  .d4-selector-note-mobile { display:block; }
}
html.installed-app-mode .d4-selector-note-desktop { display:none; }
html.installed-app-mode .d4-selector-note-mobile { display:block; }
.d4-improved { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:15px; }
.d4-improved div { padding:10px 12px; border-radius:10px; color:#cce4ed; background:rgba(26,66,82,.58); font-size:13px; text-align:center; }
.d4-update-section + .d4-update-section { margin-top:12px; padding-top:12px; border-top:1px solid rgba(91,190,222,.22); }
.d4-update-section h2 { display:flex; align-items:center; gap:9px; }
.d4-update-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:9px; }
.d4-update-item { padding:10px 11px; border:1px solid rgba(83,183,216,.18); border-radius:12px; background:rgba(22,61,77,.58); }
.d4-update-item strong { display:block; margin-bottom:4px; color:#ecfaff; font-size:14px; }
.d4-update-item span { display:block; color:#bcd7e1; font-size:12px; line-height:1.35; }
.d4-update-icon { width:30px; height:30px; flex:0 0 30px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; color:#fff; background:#087fac; font-size:17px; }
.d4-action-summary { margin-top:12px !important; padding:12px 14px; border-radius:11px; background:#123847; }
.d4-action-summary b { color:#65d9fb; }
#d4WhatsNewContinue { width:100%; min-height:48px; margin-top:14px; border:1px solid #54d4fb; border-radius:13px; color:#fff; background:linear-gradient(180deg,#19a9e2,#0b82c1); font-size:20px; font-weight:900; cursor:pointer; box-shadow:0 8px 25px rgba(0,145,213,.28); }
.d4-whats-new-once { margin:11px 0 0; color:#a7c5d0; font-size:12px; text-align:center; }
@media (max-width: 700px) {
  #d4WhatsNewOverlay { padding:12px; align-items:flex-start; overflow:auto; }
  #d4WhatsNewCard { width:100%; max-height:none; margin:12px 0; padding:19px 17px 18px; border-radius:18px; }
  .d4-whats-new-brand { gap:11px; }
  .d4-whats-new-brand img { width:58px; }
  .d4-whats-new-brand strong { font-size:20px; }
  .d4-whats-new-title { font-size:31px; margin-top:17px; }
  .d4-new-feature-box { padding:16px; }
  .d4-new-feature-box h2 { font-size:22px; }
  .d4-mode-pill { min-height:48px; font-size:14px; }
  .d4-improved { grid-template-columns:1fr; }
  .d4-update-grid { grid-template-columns:1fr; }
}
@media (orientation: landscape) and (max-height: 620px) {
  #d4WhatsNewOverlay { align-items:flex-start; overflow:auto; }
  #d4WhatsNewCard { max-height:none; margin:8px 0; }
}
</style>

    <!-- Original animated splash for desktop web and installed PWA -->
    <script id="d4-pwa-splash-bootstrap">
      (function () {
        var showSplash = false;
        try {
          var standalone =
            window.matchMedia("(display-mode: standalone)").matches ||
            window.navigator.standalone === true ||
            document.documentElement.classList.contains("installed-app-mode");
          var regularDesktop = window.matchMedia("(min-width: 701px)").matches;
          showSplash = !window.D4_GRAFFITI_EMBED && (standalone || regularDesktop);
          if (showSplash) document.documentElement.classList.add("d4-pwa-splash-enabled");

          var pref = localStorage.getItem("d4-theme-preference") || "day";
          var hour = new Date().getHours();
          var autoNight = hour >= 19 || hour < 6;
          document.documentElement.dataset.splashTheme =
            pref === "auto" ? (autoNight ? "night" : "day") :
            (pref === "night" ? "night" : "day");
        } catch (_) {}
      }());
    </script>
    <style id="d4-pwa-splash-style">
      #d4-animated-splash{display:none}
      html.d4-pwa-splash-enabled #d4-animated-splash{
        position:fixed;inset:0;z-index:2147483000;display:flex;
        align-items:center;justify-content:center;overflow:hidden;
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
        transition:opacity .32s ease,visibility .32s ease;
      }
      html.d4-pwa-splash-enabled[data-splash-theme="day"] #d4-animated-splash{
        background:radial-gradient(circle at 50% 42%,rgba(39,163,236,.08),transparent 34%),
                   linear-gradient(180deg,#fff,#f8fbfd);color:#0e2635;
      }
      html.d4-pwa-splash-enabled[data-splash-theme="night"] #d4-animated-splash{
        background:radial-gradient(circle at 50% 42%,rgba(0,158,219,.13),transparent 34%),
                   linear-gradient(180deg,#06121a,#0a2130);color:#fff;
      }
      .d4-splash-inner{position:relative;width:min(82vw,430px);display:flex;
        flex-direction:column;align-items:center;text-align:center;transform:translateY(-2vh)}
      .d4-splash-mark{position:relative;width:190px;height:185px;margin-bottom:18px}
      .d4-splash-ct{position:absolute;left:50%;top:8px;transform:translateX(-50%) scale(.78);
        width:150px;max-height:92px;object-fit:contain;opacity:0;
        filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));
        animation:d4Logo .58s cubic-bezier(.2,.8,.25,1) .10s forwards}
      .d4-splash-map{position:absolute;width:104px;height:66px;left:50%;bottom:5px;
        transform:translateX(-50%) perspective(130px) rotateX(55deg) rotateZ(-7deg);
        border-radius:12px;background:
        linear-gradient(32deg,transparent 42%,rgba(255,255,255,.8) 43%,rgba(255,255,255,.8) 47%,transparent 48%),
        linear-gradient(148deg,transparent 42%,rgba(255,255,255,.58) 43%,rgba(255,255,255,.58) 47%,transparent 48%),
        linear-gradient(90deg,#5db6d9 0 35%,#c9d7c4 35% 65%,#8bc48d 65%);
        box-shadow:0 13px 26px rgba(0,0,0,.20);opacity:0;animation:d4Map .52s ease .46s forwards}
      .d4-splash-pin{position:absolute;left:50%;top:83px;width:42px;height:54px;
        transform:translateX(-50%) translateY(-8px) scale(.75);opacity:0;
        animation:d4Pin .52s cubic-bezier(.2,.9,.25,1.15) .68s forwards}
      .d4-splash-pin:before{content:"";position:absolute;left:4px;top:0;width:34px;height:34px;
        border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ffad16;
        box-shadow:0 7px 16px rgba(255,156,0,.28)}
      .d4-splash-pin:after{content:"";position:absolute;left:15px;top:10px;width:12px;height:12px;
        border:3px solid #fff;border-radius:50%}
      .d4-splash-pulse{position:absolute;left:50%;bottom:26px;width:76px;height:28px;
        transform:translateX(-50%);border:3px solid #ffad16;border-radius:50%;opacity:0;
        animation:d4Pulse .95s ease-out 1.04s 2}
      .d4-splash-title{opacity:0;transform:translateY(8px);animation:d4Title .48s ease 1.36s forwards}
      .d4-splash-title strong{display:block;font-size:30px;line-height:1;letter-spacing:.02em;font-weight:800}
      .d4-splash-title span{display:block;margin-top:6px;color:#159fe1;font-size:29px;
        line-height:1;letter-spacing:.035em;font-weight:800}
      .d4-splash-title small{display:block;margin-top:14px;font-size:10px;letter-spacing:.27em;font-weight:700;opacity:.67}
      .d4-splash-accent{width:36px;height:3px;border-radius:5px;background:#f6a914;margin:13px auto 0}
      .d4-splash-progress-wrap{width:min(72vw,300px);margin-top:42px}
      .d4-splash-progress{height:5px;border-radius:999px;overflow:hidden;background:rgba(120,145,158,.28)}
      .d4-splash-progress:after{content:"";display:block;width:8%;height:100%;border-radius:inherit;
        background:linear-gradient(90deg,#0ab5e8,#168bd8);animation:d4Progress 2.35s ease-in-out forwards}
      .d4-splash-loading{margin-top:10px;font-size:12px;font-weight:600;opacity:.76}
      #d4-animated-splash.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
      @keyframes d4Logo{to{opacity:1;transform:translateX(-50%) scale(1)}}
      @keyframes d4Map{to{opacity:1}}
      @keyframes d4Pin{to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
      @keyframes d4Pulse{0%{opacity:.8;transform:translateX(-50%) scale(.45)}100%{opacity:0;transform:translateX(-50%) scale(1.42)}}
      @keyframes d4Title{to{opacity:1;transform:translateY(0)}}
      @keyframes d4Progress{0%{width:8%}55%{width:58%}100%{width:100%}}
      @media(prefers-reduced-motion:reduce){#d4-animated-splash *{animation-duration:.01ms!important;animation-iteration-count:1!important}}
    </style>

</head>

<body>

  <div id="d4-animated-splash" aria-hidden="true">
    <div class="d4-splash-inner">
      <div class="d4-splash-mark">
        <img class="d4-splash-ct" src="./ct-logo.png" alt="">
        <div class="d4-splash-map"></div><div class="d4-splash-pulse"></div><div class="d4-splash-pin"></div>
      </div>
      <div class="d4-splash-title"><strong>DISTRICT 4</strong><span>FIELD MAP</span>
        <div class="d4-splash-accent"></div><small>CALTRANS · MAINTENANCE OPERATIONS</small></div>
      <div class="d4-splash-progress-wrap"><div class="d4-splash-progress"></div>
        <div class="d4-splash-loading">Loading District 4 Field Map…</div></div>
    </div>
  </div>
  <script id="d4-pwa-splash-controller">
    (function(){
      if(!document.documentElement.classList.contains("d4-pwa-splash-enabled")) return;
      var s=document.getElementById("d4-animated-splash"); if(!s)return;
      var start=Date.now(),done=false,MIN=2800,MAX=4200;
      function finish(){if(done)return;done=true;setTimeout(function(){
        s.classList.add("is-leaving");setTimeout(function(){s.remove()},360);
      },Math.max(0,MIN-(Date.now()-start)));}
      window.addEventListener("load",function(){setTimeout(finish,120)},{once:true});
      setTimeout(finish,MAX);
    }());
  </script>

<div id="d4WhatsNewOverlay" role="dialog" aria-modal="true" aria-labelledby="d4WhatsNewTitle" aria-hidden="true">
  <section id="d4WhatsNewCard">
    <div class="d4-whats-new-brand">
      <img src="./ct-logo.png" alt="Caltrans">
      <div><span>District 4</span><strong>FIELD MAP</strong></div>
    </div>
    <h1 id="d4WhatsNewTitle" class="d4-whats-new-title">WHAT'S NEW</h1>
    <p class="d4-whats-new-subtitle">MODE SWITCHER, MEASURING &amp; FIELD TOOLS UPDATE</p>
    <div class="d4-new-feature-box">
      <div class="d4-update-section">
        <h2><span class="d4-update-icon">◐</span>NEW — MODE SWITCHER</h2>
        <div class="d4-mode-demo" aria-label="Available display modes">
          <div class="d4-mode-pill"><span class="d4-mode-icon">☀</span><span>Day</span></div>
          <div class="d4-mode-pill auto"><span class="d4-mode-icon">◐</span><span>Auto</span></div>
          <div class="d4-mode-pill"><span class="d4-mode-icon">☾</span><span>Night</span></div>
        </div>
        <p><b>Day, Auto and Night</b> display modes are available. Auto switches based on time and remembers your selection.</p>
      </div>
      <div class="d4-update-section">
        <h2><span class="d4-update-icon">⌑</span>NEW — MEASURING TOOL <span style="font-size:11px;letter-spacing:.08em;padding:4px 7px;border-radius:999px;background:#f0a11a;color:#102833;">EXPERIMENTAL</span></h2>
        <p>Measure directly on the map using <b>Distance</b>, <b>Square Feet</b> or <b>Acres</b>. This feature is experimental, so field measurements should be treated as estimates.</p>
        <div class="d4-update-grid">
          <div class="d4-update-item"><strong>Paving Calculator</strong><span>Found under <b>Measure</b>. Distance paving supports Mainline or Ramp. For ramps, select On Ramp or Off Ramp first, then choose the lane(s) paving. Square Feet remains available for irregular paving areas.</span></div>
          <div class="d4-update-item"><strong>Lanes Paving</strong><span>Select L1–L4 individually or select multiple lanes at once. Custom is available when needed. Distance, lane width and depth are used to calculate the paving quantity.</span></div>
          <div class="d4-update-item"><strong>Mix &amp; truck estimates</strong><span>Calculates estimated tons, allowance, and 10-yard / 4-yard truckloads with Print / Save PDF.</span></div>
        </div>
      </div>
      <div class="d4-update-section">
        <h2><span class="d4-update-icon">➤</span>NEW — 3D FOLLOW MODE</h2>
        <p>Follow Mode now uses a rotating, tilted navigation view designed for driving in the field.</p>
        <div class="d4-update-grid">
          <div class="d4-update-item"><strong>Smoother tracking</strong><span>The truck and camera glide between GPS updates.</span></div>
          <div class="d4-update-item"><strong>Smarter road lock</strong><span>Helps prevent nearby side streets from turning the truck early.</span></div>
          <div class="d4-update-item"><strong>Move the map</strong><span>Pan, zoom or rotate freely; press Locate to recenter and resume following.</span></div>
          <div class="d4-update-item"><strong>Operational layers</strong><span>D.I.s and Sensitive Areas remain visible and clickable in Follow Mode.</span></div>
        </div>
      </div>
      <div class="d4-update-section">
        <h2><span class="d4-update-icon">⌖</span>NEW — POPUP ACTIONS</h2>
        <p>Feature popups now provide faster access to the location you selected.</p>
        <p class="d4-action-summary"><b>Desktop:</b> Street View<br><b>Mobile/App:</b> Street View and Navigate</p>
        <p>Available for Sensitive Areas, D.I.s, assessor parcels, leased/vacant properties, CHP incidents and Caltrans closures. Dropped pins also include Navigate.</p>
      </div>
    </div>
    <button id="d4WhatsNewContinue" type="button">Continue to Map</button>
    <p class="d4-whats-new-once">This message will only appear once on this device for this update.</p>
  </section>
</div>


    <header class="field-map-header">
        <div class="field-map-brand">
            <img class="field-map-logo" src="./ct-logo.png" alt="Caltrans CT">
            <div class="field-map-title-block">
                <div class="field-map-title">District 4 Field Map</div>
                <div class="field-map-byline">Created &amp; designed by Dillon Campa</div>
            </div>
        </div>
        <div class="field-map-header-actions">
            <div class="field-map-status weather-status" role="status" aria-live="polite">
                <span class="weather-status-icon" aria-hidden="true">🌤️</span>
                <span class="weather-status-copy">
                    <span class="field-map-status-text weather-status-primary">Loading date and time…</span>
                    <span class="weather-status-secondary">Finding local weather…</span>
                </span>
            </div>
            <div class="theme-switcher">
                <button class="theme-switcher-button" type="button" title="Cycle Day, Night, and Auto appearance">
                    <span class="theme-switcher-icon" aria-hidden="true">☀</span>
                    <span class="theme-switcher-label">Day</span>
                </button>
            </div>
        </div>
    </header>

    <div id="map"></div>

    <!--
      Experimental closure planner is intentionally parked until verified
      lane-level geometry is available. Its source files remain in this folder.
    -->
    <section id="closurePlannerPanel" aria-label="Experimental closure planner" hidden>
        <div id="closurePlannerToolbar" class="closure-planner-toolbar">
            <div class="closure-toolbar-heading">
                <b>Closure Setup</b>
                <span>Find the incident and select the map mode.</span>
            </div>
            <div id="closureSearchMount" class="closure-toolbar-mount"></div>
            <div id="closureModeMount" class="closure-toolbar-mount"></div>
        </div>

        <div class="closure-panel-inner">
            <div class="closure-panel-head">
                <div>
                    <h2>Traffic Closure Planner</h2>
                    <p>Place planning devices from the selected incident location.</p>
                </div>
                <span class="closure-experimental-tag">EXPERIMENTAL</span>
            </div>

            <div class="closure-panel-body">
                <div
                    id="closureLocationStatus"
                    class="closure-location-status needs-location"
                ></div>

                <div class="closure-alignment-wrap">
                    <div class="closure-alignment-heading">
                        <div>
                            <label for="closureAlignment">CLOSURE ALIGNMENT</label>
                            <p>
                                Shift the complete setup left or right from the mapped
                                road centerline while looking in the traffic direction.
                            </p>
                        </div>
                        <output id="closureAlignmentValue" for="closureAlignment">
                            Centered · 0 ft
                        </output>
                    </div>
                    <div class="closure-alignment-controls">
                        <span aria-hidden="true">← Left</span>
                        <input
                            id="closureAlignment"
                            type="range"
                            min="-60"
                            max="60"
                            step="1"
                            value="0"
                        >
                        <span aria-hidden="true">Right →</span>
                        <button id="closureAlignmentReset" type="button">Reset</button>
                        <button id="closureAlignmentSave" type="button">
                            Save this area
                        </button>
                        <button
                            id="closureAlignmentForget"
                            class="secondary"
                            type="button"
                        >
                            Forget saved
                        </button>
                    </div>
                    <p class="closure-alignment-note">
                        Use the aerial lane striping as your visual guide. Releasing the
                        slider redraws an existing closure at the new offset. Saved
                        corrections reload automatically for the same route, direction,
                        county and nearby postmile.
                    </p>
                    <p id="closureAlignmentMemory" class="closure-alignment-memory">
                        No saved correction loaded.
                    </p>
                </div>

                <div class="closure-input-grid">
                    <div class="closure-field">
                        <label for="closurePlanType">CLOSURE PLAN</label>
                        <select id="closurePlanType">
                            <option value="T10">T10 — Freeway lane closure</option>
                            <option value="T10ShoulderRight">T10 — Right shoulder closure</option>
                            <option value="T10ShoulderLeft">T10 — Median/left shoulder closure</option>
                            <option value="T10Entrance">T10 — Lane closure at entrance ramp</option>
                            <option value="T10Exit">T10 — Lane closure at exit ramp</option>
                            <option value="T10A">T10A — Full freeway closure</option>
                            <option value="T14Exit">T14 — Exit ramp/connector closure</option>
                            <option value="T14ExitAux">T14 — Exit ramp closure with additional lane</option>
                            <option value="T14EntrancePocket">T14 — Entrance ramp with turning pockets</option>
                            <option value="T14Entrance">T14 — Entrance ramp without turning pockets</option>
                        </select>
                    </div>

                    <div class="closure-field">
                        <label for="closureSpeed">SPEED</label>
                        <select id="closureSpeed">
                            <option value="55">55 mph</option>
                            <option value="60">60 mph</option>
                            <option value="65" selected>65 mph</option>
                            <option value="70">70 mph</option>
                        </select>
                    </div>

                    <div class="closure-field">
                        <label for="closureApproach">TRAFFIC APPROACH</label>
                        <select id="closureApproach">
                            <option value="0">Northbound</option>
                            <option value="45">Northeast</option>
                            <option value="90">Eastbound</option>
                            <option value="135">Southeast</option>
                            <option value="180">Southbound</option>
                            <option value="225">Southwest</option>
                            <option value="270">Westbound</option>
                            <option value="315">Northwest</option>
                        </select>
                    </div>

                    <div class="closure-field" id="closureLaneCountField">
                        <label for="closureTotalLanes">TOTAL LANES</label>
                        <select id="closureTotalLanes">
                            <option value="2">2 lanes</option>
                            <option value="3">3 lanes</option>
                            <option value="4" selected>4 lanes</option>
                            <option value="5">5 lanes</option>
                            <option value="6">6 lanes</option>
                            <option value="7">7 lanes</option>
                            <option value="8">8 lanes</option>
                        </select>
                    </div>
                </div>

                <div class="closure-field closure-lanes-wrap" id="closureLanesWrap">
                    <label>CLOSED LANES</label>
                    <div class="closure-lane-picker" id="closureLanePicker"></div>
                    <p class="closure-help">
                        Caltrans numbering: Lane No. 1 is the far-left lane.
                    </p>
                </div>

                <div class="closure-field closure-landmark-wrap">
                    <label for="closureLandmark">UPSTREAM EXIT OR LANDMARK (OPTIONAL)</label>
                    <input
                        id="closureLandmark"
                        type="text"
                        placeholder="Example: Exit 31A — Marina Boulevard"
                    >
                </div>

                <div class="closure-actions">
                    <button id="drawClosureButton" type="button">Draw closure</button>
                    <button id="clearClosureButton" class="secondary" type="button">Clear closure</button>
                </div>

                <p class="closure-warning">
                    <b>Experimental planning visualization only.</b> Confirm the official
                    Caltrans traffic plan, roadway geometry, sight distance, device
                    spacing, MAZEEP requirements and field conditions before deployment.
                </p>

                <div id="closureSummary" aria-live="polite"></div>
            </div>
        </div>
    </section>

<!-- General-purpose map measurement and spray-calculation panel -->
<section id="measurePanel" class="measure-panel" aria-hidden="true">
    <div class="measure-panel-header">
        <div class="measure-panel-title"><span aria-hidden="true">⌑</span> MEASURE</div>
        <div class="measure-panel-header-actions">
            <button id="collapseMeasureButton" class="measure-panel-collapse" type="button" aria-label="Hide measuring panel" title="Hide panel">›</button>
            <button id="closeMeasureButton" class="measure-panel-close" type="button" aria-label="Close measuring tool">×</button>
        </div>
    </div>

    <div id="measureMainView">
        <div class="measure-choice-prompt">SELECT A MEASUREMENT TYPE</div>
        <div class="measure-mode-tabs" role="tablist" aria-label="Measurement type">
            <button type="button" data-measure-mode="distance">Distance</button>
            <button type="button" data-measure-mode="squareFeet">Square Feet</button>
            <button type="button" data-measure-mode="acres">Acres</button>
        </div>

        <div class="measure-summary">
            <span id="measurePrimaryLabel">SELECT A MEASUREMENT</span>
            <strong id="measurePrimaryValue">—</strong>
            <small id="measureSecondaryValue">Distance, square feet, or acres</small>
            <div id="measureExtraSummary" class="measure-extra-summary"></div>
        </div>

        <p id="measureInstructions" class="measure-instructions">Choose a measurement type above, then tap the map.</p>

        <div class="measure-actions">
            <button id="undoMeasurePointButton" type="button" class="measure-secondary-button">Undo Last Point</button>
            <button id="clearMeasureButton" type="button" class="measure-secondary-button">Clear Drawing</button>
        </div>

        <button id="openSprayCalculatorButton" type="button" class="measure-primary-button">SPRAY CALCULATOR</button>
        <button id="openPavingCalculatorButton" type="button" class="measure-primary-button" hidden>PAVING CALCULATOR</button>
    </div>

    <style>
       .paving-roadway-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}
      .paving-roadway-buttons button,.paving-ramp-buttons button{border:0;border-radius:10px;padding:11px 4px;background:#eef3f6;color:#173d50;font-weight:800;cursor:pointer}
      .paving-roadway-buttons button.is-active,.paving-ramp-buttons button.is-active{background:#118bc9;color:#fff;box-shadow:0 5px 12px rgba(17,139,201,.24)}
      .paving-ramp-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}
      .paving-multiple-row{display:flex;justify-content:center;align-items:center;margin-top:6px;margin-bottom:4px}
      #pavingMultipleButton{border:1px solid #bfd0d8;border-radius:999px;padding:6px 12px;background:#fff;color:#365464;font-size:10px;font-weight:900;cursor:pointer}
      #pavingMultipleButton.is-active{border-color:#118bc9;background:#118bc9;color:#fff;box-shadow:0 4px 10px rgba(17,139,201,.22)}
      .paving-lane-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:7px}
      .paving-lane-buttons button,.paving-custom-lane{border:0;border-radius:10px;min-height:42px;padding:11px 4px;background:#eef3f6;color:#173d50;font-weight:800;cursor:pointer;box-sizing:border-box}
      .paving-lane-buttons button.is-active,.paving-custom-lane.is-active{background:#118bc9;color:#fff;box-shadow:0 5px 12px rgba(17,139,201,.24)}
      .paving-custom-lane{display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 6px}
      .paving-custom-lane span{font-weight:900}
      .paving-custom-lane input{width:34px;min-height:28px;border:1px solid #bfd0d8;border-radius:6px;padding:2px 3px;background:#fff;color:#173d50;text-align:center;font:800 12px Segoe UI,Arial;box-sizing:border-box}
      .paving-custom-lane.is-active input{border-color:#fff}
      @media(max-width:520px){.paving-lane-buttons{gap:5px}.paving-lane-buttons button,.paving-custom-lane{font-size:12px;padding:9px 2px}.paving-custom-lane input{width:30px}}
      .paving-export-actions{display:block!important;width:100%!important;margin-top:10px}
      .paving-export-actions #pavingPdfButton{display:block!important;width:100%!important;max-width:none!important;margin:0!important;text-align:center;box-sizing:border-box}
    </style>
    <div id="pavingCalculatorView" class="spray-calculator-view" hidden>
        <button id="backFromPavingButton" type="button" class="spray-back-button">← Back to Measuring</button>
        <div class="measure-choice-prompt">PAVING CALCULATOR</div>
        <div class="paving-area-summary"><span id="pavingMeasureLabel">MEASURED DISTANCE</span><strong id="pavingAreaSqFt">0 ft</strong><small id="pavingAreaSqYd">Calculated paving area: 0 sq ft</small></div>
        <label class="measure-section-label">COMPACTED DEPTH</label>
        <div class="paving-depth-options spray-segmented" role="group">
          <button type="button" data-paving-depth="1">1&quot;</button><button type="button" data-paving-depth="1.5">1.5&quot;</button><button type="button" data-paving-depth="2" class="is-active">2&quot;</button><button type="button" data-paving-depth="3">3&quot;</button>
        </div>
        <div class="paving-field"><label>Custom Depth (inches)</label><input id="pavingDepth" type="number" min="0.1" step="0.1" value="2"></div>
        <div class="paving-field"><label>Mix Density (lb/ft³)</label><input id="pavingDensity" type="number" min="1" step="1" value="145"></div>
        <div class="paving-field"><label>Waste / Allowance (%)</label><input id="pavingWaste" type="number" min="0" step="0.5" value="5"></div>
        <div id="pavingLaneFields">
          <div class="paving-field">
            <label>Paving Location</label>
            <div class="paving-roadway-buttons" role="group" aria-label="Paving location">
              <button type="button" id="pavingMainlineButton">Mainline</button>
              <button type="button" id="pavingRampButton">Ramp</button>
            </div>
          </div>
          <div class="paving-field" id="pavingRampTypeWrap" hidden>
            <label>Ramp</label>
            <div class="paving-ramp-buttons" role="group" aria-label="Ramp type">
              <button type="button" id="pavingOnRampButton">On Ramp</button>
              <button type="button" id="pavingOffRampButton">Off Ramp</button>
            </div>
          </div>
          <div id="pavingMainlineLaneWrap" hidden>
          <div class="paving-field">
            <div class="paving-multiple-row"><button type="button" id="pavingMultipleButton" aria-pressed="false">Multiple</button></div>
            <label>Lanes Paving</label>
            <div class="paving-lane-buttons" role="group" aria-label="Lanes paving">
              <button type="button" data-paving-lane="1">L1</button>
              <button type="button" data-paving-lane="2">L2</button>
              <button type="button" data-paving-lane="3">L3</button>
              <button type="button" data-paving-lane="4">L4</button>
              <div id="pavingCustomLaneControl" class="paving-custom-lane" role="button" tabindex="0" aria-label="Custom lane"><span>L</span><input id="pavingCustomLaneNumber" type="number" min="1" step="1" value="5" aria-label="Custom lane number"></div>
            </div>
          </div>
          </div>
          <div class="paving-field" id="pavingWidthWrap" hidden><label id="pavingWidthLabel">Lane Width (ft)</label><input id="pavingLaneWidth" type="number" min="1" step="0.5" value="12"></div>
        </div>
        <div class="paving-results" id="pavingResults"></div>
        <div class="paving-location" id="pavingLocation">Location details are added automatically when you export.</div>
        <div class="paving-export-actions"><button id="pavingPdfButton" class="measure-secondary-button" type="button">PRINT / SAVE PDF</button></div>
        <button id="clearPavingDrawingButton" type="button" class="measure-secondary-button spray-clear-button">Clear Drawing</button>
    </div>

    <div id="sprayCalculatorView" class="spray-calculator-view" hidden>
        <button id="backToMeasureButton" type="button" class="spray-back-button">← Back to Acres</button>

        <div class="measure-choice-prompt spray-crew-prompt">SELECT A CREW TYPE</div>
        <div class="spray-segmented spray-crew-options" role="group" aria-label="Crew type">
            <button type="button" data-spray-crew="landscape" title="100 gallons per acre">Landscape</button>
            <button type="button" data-spray-crew="rvc" title="50 gallons per acre">RVC</button>
        </div>

        <div id="sprayCalculatorForm" class="spray-calculator-form" hidden>
        <label class="measure-section-label">CALCULATE FROM</label>
        <div class="spray-segmented spray-basis-options" role="group" aria-label="Calculation basis">
            <button type="button" data-spray-basis="area" class="is-active">Measured Acres</button>
            <button type="button" data-spray-basis="gallons">Total Gallons</button>
        </div>

        <div id="sprayGallonsInputWrap" class="spray-gallons-input" hidden>
            <label for="sprayGallonsInput">TOTAL GALLONS BEING MIXED</label>
            <input id="sprayGallonsInput" type="number" min="0" step="any" inputmode="decimal" placeholder="Example: 600 or 650">
        </div>

        <div class="spray-coverage-summary">
            <div><span>Coverage</span><strong id="sprayCoverageValue">0.00 acres</strong></div>
            <div><span>Total Mix</span><strong id="sprayTotalGallonsValue">0 gallons</strong></div>
        </div>

        <div class="spray-products-header">
            <label class="measure-section-label">CHEMICALS</label>
            <span>Up to 5 products</span>
        </div>
        <div id="sprayChemicalRows" class="spray-chemical-rows"></div>
        <button id="addSprayChemicalButton" type="button" class="measure-secondary-button">+ Add Chemical</button>
        <button id="calculateSprayButton" type="button" class="measure-primary-button">CALCULATE</button>
        <button id="clearSprayDrawingButton" type="button" class="measure-secondary-button spray-clear-button">Clear Drawing</button>
        <button id="clearSprayCalculatorButton" type="button" class="measure-secondary-button spray-clear-button">Clear Formula</button>
        <button id="sprayPdfButton" type="button" class="measure-secondary-button spray-clear-button">Print / Save PDF</button>
        <div id="sprayResults" class="spray-results" aria-live="polite"></div>
        <p class="spray-disclaimer">Confirm every application rate against the current product label and Caltrans requirements before mixing.</p>
        </div>
    </div>
</section>
<button id="restoreMeasureTab" class="restore-measure-tab" type="button" aria-label="Show measuring panel" aria-hidden="true">
    <span aria-hidden="true">‹</span><b>MEASURE</b>
</button>

<!-- Lookup information panel -->
<div
    id="locationInfoPanel"
    class="location-info-panel"
    aria-live="polite"
></div>

<!-- Street View screen -->
    <div id="streetViewContainer">
        <button
            id="backToMapButton"
            onclick="closeStreetView()"
        >
            ← Back to Map
        </button>

        <iframe
            id="streetViewFrame"
            title="Google Street View"
            allowfullscreen
            referrerpolicy="strict-origin-when-cross-origin"
        ></iframe>
    </div>

    <script>
/* @preserve
 * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
 * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
 */
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).leaflet={})}(this,function(t){"use strict";function l(t){for(var e,i,n=1,o=arguments.length;n<o;n++)for(e in i=arguments[n])t[e]=i[e];return t}var R=Object.create||function(t){return N.prototype=t,new N};function N(){}function a(t,e){var i,n=Array.prototype.slice;return t.bind?t.bind.apply(t,n.call(arguments,1)):(i=n.call(arguments,2),function(){return t.apply(e,i.length?i.concat(n.call(arguments)):arguments)})}var D=0;function h(t){return"_leaflet_id"in t||(t._leaflet_id=++D),t._leaflet_id}function j(t,e,i){var n,o,s=function(){n=!1,o&&(r.apply(i,o),o=!1)},r=function(){n?o=arguments:(t.apply(i,arguments),setTimeout(s,e),n=!0)};return r}function H(t,e,i){var n=e[1],e=e[0],o=n-e;return t===n&&i?t:((t-e)%o+o)%o+e}function u(){return!1}function i(t,e){return!1===e?t:(e=Math.pow(10,void 0===e?6:e),Math.round(t*e)/e)}function W(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}function F(t){return W(t).split(/\s+/)}function c(t,e){for(var i in Object.prototype.hasOwnProperty.call(t,"options")||(t.options=t.options?R(t.options):{}),e)t.options[i]=e[i];return t.options}function U(t,e,i){var n,o=[];for(n in t)o.push(encodeURIComponent(i?n.toUpperCase():n)+"="+encodeURIComponent(t[n]));return(e&&-1!==e.indexOf("?")?"&":"?")+o.join("&")}var V=/\{ *([\w_ -]+) *\}/g;function q(t,i){return t.replace(V,function(t,e){e=i[e];if(void 0===e)throw new Error("No value provided for variable "+t);return e="function"==typeof e?e(i):e})}var d=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)};function G(t,e){for(var i=0;i<t.length;i++)if(t[i]===e)return i;return-1}var K="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";function Y(t){return window["webkit"+t]||window["moz"+t]||window["ms"+t]}var X=0;function J(t){var e=+new Date,i=Math.max(0,16-(e-X));return X=e+i,window.setTimeout(t,i)}var $=window.requestAnimationFrame||Y("RequestAnimationFrame")||J,Q=window.cancelAnimationFrame||Y("CancelAnimationFrame")||Y("CancelRequestAnimationFrame")||function(t){window.clearTimeout(t)};function x(t,e,i){if(!i||$!==J)return $.call(window,a(t,e));t.call(e)}function r(t){t&&Q.call(window,t)}var tt={__proto__:null,extend:l,create:R,bind:a,get lastId(){return D},stamp:h,throttle:j,wrapNum:H,falseFn:u,formatNum:i,trim:W,splitWords:F,setOptions:c,getParamString:U,template:q,isArray:d,indexOf:G,emptyImageUrl:K,requestFn:$,cancelFn:Q,requestAnimFrame:x,cancelAnimFrame:r};function et(){}et.extend=function(t){function e(){c(this),this.initialize&&this.initialize.apply(this,arguments),this.callInitHooks()}var i,n=e.__super__=this.prototype,o=R(n);for(i in(o.constructor=e).prototype=o,this)Object.prototype.hasOwnProperty.call(this,i)&&"prototype"!==i&&"__super__"!==i&&(e[i]=this[i]);if(t.statics&&l(e,t.statics),t.includes){var s=t.includes;if("undefined"!=typeof L&&L&&L.Mixin){s=d(s)?s:[s];for(var r=0;r<s.length;r++)s[r]===L.Mixin.Events&&console.warn("Deprecated include of L.Mixin.Events: this property will be removed in future releases, please inherit from L.Evented instead.",(new Error).stack)}l.apply(null,[o].concat(t.includes))}return l(o,t),delete o.statics,delete o.includes,o.options&&(o.options=n.options?R(n.options):{},l(o.options,t.options)),o._initHooks=[],o.callInitHooks=function(){if(!this._initHooksCalled){n.callInitHooks&&n.callInitHooks.call(this),this._initHooksCalled=!0;for(var t=0,e=o._initHooks.length;t<e;t++)o._initHooks[t].call(this)}},e},et.include=function(t){var e=this.prototype.options;return l(this.prototype,t),t.options&&(this.prototype.options=e,this.mergeOptions(t.options)),this},et.mergeOptions=function(t){return l(this.prototype.options,t),this},et.addInitHook=function(t){var e=Array.prototype.slice.call(arguments,1),i="function"==typeof t?t:function(){this[t].apply(this,e)};return this.prototype._initHooks=this.prototype._initHooks||[],this.prototype._initHooks.push(i),this};var e={on:function(t,e,i){if("object"==typeof t)for(var n in t)this._on(n,t[n],e);else for(var o=0,s=(t=F(t)).length;o<s;o++)this._on(t[o],e,i);return this},off:function(t,e,i){if(arguments.length)if("object"==typeof t)for(var n in t)this._off(n,t[n],e);else{t=F(t);for(var o=1===arguments.length,s=0,r=t.length;s<r;s++)o?this._off(t[s]):this._off(t[s],e,i)}else delete this._events;return this},_on:function(t,e,i,n){"function"!=typeof e?console.warn("wrong listener type: "+typeof e):!1===this._listens(t,e,i)&&(e={fn:e,ctx:i=i===this?void 0:i},n&&(e.once=!0),this._events=this._events||{},this._events[t]=this._events[t]||[],this._events[t].push(e))},_off:function(t,e,i){var n,o,s;if(this._events&&(n=this._events[t]))if(1===arguments.length){if(this._firingCount)for(o=0,s=n.length;o<s;o++)n[o].fn=u;delete this._events[t]}else"function"!=typeof e?console.warn("wrong listener type: "+typeof e):!1!==(e=this._listens(t,e,i))&&(i=n[e],this._firingCount&&(i.fn=u,this._events[t]=n=n.slice()),n.splice(e,1))},fire:function(t,e,i){if(this.listens(t,i)){var n=l({},e,{type:t,target:this,sourceTarget:e&&e.sourceTarget||this});if(this._events){var o=this._events[t];if(o){this._firingCount=this._firingCount+1||1;for(var s=0,r=o.length;s<r;s++){var a=o[s],h=a.fn;a.once&&this.off(t,h,a.ctx),h.call(a.ctx||this,n)}this._firingCount--}}i&&this._propagateEvent(n)}return this},listens:function(t,e,i,n){"string"!=typeof t&&console.warn('"string" type argument expected');var o=e,s=("function"!=typeof e&&(n=!!e,i=o=void 0),this._events&&this._events[t]);if(s&&s.length&&!1!==this._listens(t,o,i))return!0;if(n)for(var r in this._eventParents)if(this._eventParents[r].listens(t,e,i,n))return!0;return!1},_listens:function(t,e,i){if(this._events){var n=this._events[t]||[];if(!e)return!!n.length;i===this&&(i=void 0);for(var o=0,s=n.length;o<s;o++)if(n[o].fn===e&&n[o].ctx===i)return o}return!1},once:function(t,e,i){if("object"==typeof t)for(var n in t)this._on(n,t[n],e,!0);else for(var o=0,s=(t=F(t)).length;o<s;o++)this._on(t[o],e,i,!0);return this},addEventParent:function(t){return this._eventParents=this._eventParents||{},this._eventParents[h(t)]=t,this},removeEventParent:function(t){return this._eventParents&&delete this._eventParents[h(t)],this},_propagateEvent:function(t){for(var e in this._eventParents)this._eventParents[e].fire(t.type,l({layer:t.target,propagatedFrom:t.target},t),!0)}},it=(e.addEventListener=e.on,e.removeEventListener=e.clearAllEventListeners=e.off,e.addOneTimeEventListener=e.once,e.fireEvent=e.fire,e.hasEventListeners=e.listens,et.extend(e));function p(t,e,i){this.x=i?Math.round(t):t,this.y=i?Math.round(e):e}var nt=Math.trunc||function(t){return 0<t?Math.floor(t):Math.ceil(t)};function m(t,e,i){return t instanceof p?t:d(t)?new p(t[0],t[1]):null==t?t:"object"==typeof t&&"x"in t&&"y"in t?new p(t.x,t.y):new p(t,e,i)}function f(t,e){if(t)for(var i=e?[t,e]:t,n=0,o=i.length;n<o;n++)this.extend(i[n])}function _(t,e){return!t||t instanceof f?t:new f(t,e)}function s(t,e){if(t)for(var i=e?[t,e]:t,n=0,o=i.length;n<o;n++)this.extend(i[n])}function g(t,e){return t instanceof s?t:new s(t,e)}function v(t,e,i){if(isNaN(t)||isNaN(e))throw new Error("Invalid LatLng object: ("+t+", "+e+")");this.lat=+t,this.lng=+e,void 0!==i&&(this.alt=+i)}function w(t,e,i){return t instanceof v?t:d(t)&&"object"!=typeof t[0]?3===t.length?new v(t[0],t[1],t[2]):2===t.length?new v(t[0],t[1]):null:null==t?t:"object"==typeof t&&"lat"in t?new v(t.lat,"lng"in t?t.lng:t.lon,t.alt):void 0===e?null:new v(t,e,i)}p.prototype={clone:function(){return new p(this.x,this.y)},add:function(t){return this.clone()._add(m(t))},_add:function(t){return this.x+=t.x,this.y+=t.y,this},subtract:function(t){return this.clone()._subtract(m(t))},_subtract:function(t){return this.x-=t.x,this.y-=t.y,this},divideBy:function(t){return this.clone()._divideBy(t)},_divideBy:function(t){return this.x/=t,this.y/=t,this},multiplyBy:function(t){return this.clone()._multiplyBy(t)},_multiplyBy:function(t){return this.x*=t,this.y*=t,this},scaleBy:function(t){return new p(this.x*t.x,this.y*t.y)},unscaleBy:function(t){return new p(this.x/t.x,this.y/t.y)},round:function(){return this.clone()._round()},_round:function(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this},floor:function(){return this.clone()._floor()},_floor:function(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this},ceil:function(){return this.clone()._ceil()},_ceil:function(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this},trunc:function(){return this.clone()._trunc()},_trunc:function(){return this.x=nt(this.x),this.y=nt(this.y),this},distanceTo:function(t){var e=(t=m(t)).x-this.x,t=t.y-this.y;return Math.sqrt(e*e+t*t)},equals:function(t){return(t=m(t)).x===this.x&&t.y===this.y},contains:function(t){return t=m(t),Math.abs(t.x)<=Math.abs(this.x)&&Math.abs(t.y)<=Math.abs(this.y)},toString:function(){return"Point("+i(this.x)+", "+i(this.y)+")"}},f.prototype={extend:function(t){var e,i;if(t){if(t instanceof p||"number"==typeof t[0]||"x"in t)e=i=m(t);else if(e=(t=_(t)).min,i=t.max,!e||!i)return this;this.min||this.max?(this.min.x=Math.min(e.x,this.min.x),this.max.x=Math.max(i.x,this.max.x),this.min.y=Math.min(e.y,this.min.y),this.max.y=Math.max(i.y,this.max.y)):(this.min=e.clone(),this.max=i.clone())}return this},getCenter:function(t){return m((this.min.x+this.max.x)/2,(this.min.y+this.max.y)/2,t)},getBottomLeft:function(){return m(this.min.x,this.max.y)},getTopRight:function(){return m(this.max.x,this.min.y)},getTopLeft:function(){return this.min},getBottomRight:function(){return this.max},getSize:function(){return this.max.subtract(this.min)},contains:function(t){var e,i;return(t=("number"==typeof t[0]||t instanceof p?m:_)(t))instanceof f?(e=t.min,i=t.max):e=i=t,e.x>=this.min.x&&i.x<=this.max.x&&e.y>=this.min.y&&i.y<=this.max.y},intersects:function(t){t=_(t);var e=this.min,i=this.max,n=t.min,t=t.max,o=t.x>=e.x&&n.x<=i.x,t=t.y>=e.y&&n.y<=i.y;return o&&t},overlaps:function(t){t=_(t);var e=this.min,i=this.max,n=t.min,t=t.max,o=t.x>e.x&&n.x<i.x,t=t.y>e.y&&n.y<i.y;return o&&t},isValid:function(){return!(!this.min||!this.max)},pad:function(t){var e=this.min,i=this.max,n=Math.abs(e.x-i.x)*t,t=Math.abs(e.y-i.y)*t;return _(m(e.x-n,e.y-t),m(i.x+n,i.y+t))},equals:function(t){return!!t&&(t=_(t),this.min.equals(t.getTopLeft())&&this.max.equals(t.getBottomRight()))}},s.prototype={extend:function(t){var e,i,n=this._southWest,o=this._northEast;if(t instanceof v)i=e=t;else{if(!(t instanceof s))return t?this.extend(w(t)||g(t)):this;if(e=t._southWest,i=t._northEast,!e||!i)return this}return n||o?(n.lat=Math.min(e.lat,n.lat),n.lng=Math.min(e.lng,n.lng),o.lat=Math.max(i.lat,o.lat),o.lng=Math.max(i.lng,o.lng)):(this._southWest=new v(e.lat,e.lng),this._northEast=new v(i.lat,i.lng)),this},pad:function(t){var e=this._southWest,i=this._northEast,n=Math.abs(e.lat-i.lat)*t,t=Math.abs(e.lng-i.lng)*t;return new s(new v(e.lat-n,e.lng-t),new v(i.lat+n,i.lng+t))},getCenter:function(){return new v((this._southWest.lat+this._northEast.lat)/2,(this._southWest.lng+this._northEast.lng)/2)},getSouthWest:function(){return this._southWest},getNorthEast:function(){return this._northEast},getNorthWest:function(){return new v(this.getNorth(),this.getWest())},getSouthEast:function(){return new v(this.getSouth(),this.getEast())},getWest:function(){return this._southWest.lng},getSouth:function(){return this._southWest.lat},getEast:function(){return this._northEast.lng},getNorth:function(){return this._northEast.lat},contains:function(t){t=("number"==typeof t[0]||t instanceof v||"lat"in t?w:g)(t);var e,i,n=this._southWest,o=this._northEast;return t instanceof s?(e=t.getSouthWest(),i=t.getNorthEast()):e=i=t,e.lat>=n.lat&&i.lat<=o.lat&&e.lng>=n.lng&&i.lng<=o.lng},intersects:function(t){t=g(t);var e=this._southWest,i=this._northEast,n=t.getSouthWest(),t=t.getNorthEast(),o=t.lat>=e.lat&&n.lat<=i.lat,t=t.lng>=e.lng&&n.lng<=i.lng;return o&&t},overlaps:function(t){t=g(t);var e=this._southWest,i=this._northEast,n=t.getSouthWest(),t=t.getNorthEast(),o=t.lat>e.lat&&n.lat<i.lat,t=t.lng>e.lng&&n.lng<i.lng;return o&&t},toBBoxString:function(){return[this.getWest(),this.getSouth(),this.getEast(),this.getNorth()].join(",")},equals:function(t,e){return!!t&&(t=g(t),this._southWest.equals(t.getSouthWest(),e)&&this._northEast.equals(t.getNorthEast(),e))},isValid:function(){return!(!this._southWest||!this._northEast)}};var ot={latLngToPoint:function(t,e){t=this.projection.project(t),e=this.scale(e);return this.transformation._transform(t,e)},pointToLatLng:function(t,e){e=this.scale(e),t=this.transformation.untransform(t,e);return this.projection.unproject(t)},project:function(t){return this.projection.project(t)},unproject:function(t){return this.projection.unproject(t)},scale:function(t){return 256*Math.pow(2,t)},zoom:function(t){return Math.log(t/256)/Math.LN2},getProjectedBounds:function(t){var e;return this.infinite?null:(e=this.projection.bounds,t=this.scale(t),new f(this.transformation.transform(e.min,t),this.transformation.transform(e.max,t)))},infinite:!(v.prototype={equals:function(t,e){return!!t&&(t=w(t),Math.max(Math.abs(this.lat-t.lat),Math.abs(this.lng-t.lng))<=(void 0===e?1e-9:e))},toString:function(t){return"LatLng("+i(this.lat,t)+", "+i(this.lng,t)+")"},distanceTo:function(t){return st.distance(this,w(t))},wrap:function(){return st.wrapLatLng(this)},toBounds:function(t){var t=180*t/40075017,e=t/Math.cos(Math.PI/180*this.lat);return g([this.lat-t,this.lng-e],[this.lat+t,this.lng+e])},clone:function(){return new v(this.lat,this.lng,this.alt)}}),wrapLatLng:function(t){var e=this.wrapLng?H(t.lng,this.wrapLng,!0):t.lng;return new v(this.wrapLat?H(t.lat,this.wrapLat,!0):t.lat,e,t.alt)},wrapLatLngBounds:function(t){var e=t.getCenter(),i=this.wrapLatLng(e),n=e.lat-i.lat,e=e.lng-i.lng;return 0==n&&0==e?t:(i=t.getSouthWest(),t=t.getNorthEast(),new s(new v(i.lat-n,i.lng-e),new v(t.lat-n,t.lng-e)))}},st=l({},ot,{wrapLng:[-180,180],R:6371e3,distance:function(t,e){var i=Math.PI/180,n=t.lat*i,o=e.lat*i,s=Math.sin((e.lat-t.lat)*i/2),e=Math.sin((e.lng-t.lng)*i/2),t=s*s+Math.cos(n)*Math.cos(o)*e*e,i=2*Math.atan2(Math.sqrt(t),Math.sqrt(1-t));return this.R*i}}),rt=6378137,rt={R:rt,MAX_LATITUDE:85.0511287798,project:function(t){var e=Math.PI/180,i=this.MAX_LATITUDE,i=Math.max(Math.min(i,t.lat),-i),i=Math.sin(i*e);return new p(this.R*t.lng*e,this.R*Math.log((1+i)/(1-i))/2)},unproject:function(t){var e=180/Math.PI;return new v((2*Math.atan(Math.exp(t.y/this.R))-Math.PI/2)*e,t.x*e/this.R)},bounds:new f([-(rt=rt*Math.PI),-rt],[rt,rt])};function at(t,e,i,n){d(t)?(this._a=t[0],this._b=t[1],this._c=t[2],this._d=t[3]):(this._a=t,this._b=e,this._c=i,this._d=n)}function ht(t,e,i,n){return new at(t,e,i,n)}at.prototype={transform:function(t,e){return this._transform(t.clone(),e)},_transform:function(t,e){return t.x=(e=e||1)*(this._a*t.x+this._b),t.y=e*(this._c*t.y+this._d),t},untransform:function(t,e){return new p((t.x/(e=e||1)-this._b)/this._a,(t.y/e-this._d)/this._c)}};var lt=l({},st,{code:"EPSG:3857",projection:rt,transformation:ht(lt=.5/(Math.PI*rt.R),.5,-lt,.5)}),ut=l({},lt,{code:"EPSG:900913"});function ct(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function dt(t,e){for(var i,n,o,s,r="",a=0,h=t.length;a<h;a++){for(i=0,n=(o=t[a]).length;i<n;i++)r+=(i?"L":"M")+(s=o[i]).x+" "+s.y;r+=e?b.svg?"z":"x":""}return r||"M0 0"}var _t=document.documentElement.style,pt="ActiveXObject"in window,mt=pt&&!document.addEventListener,n="msLaunchUri"in navigator&&!("documentMode"in document),ft=y("webkit"),gt=y("android"),vt=y("android 2")||y("android 3"),yt=parseInt(/WebKit\/([0-9]+)|$/.exec(navigator.userAgent)[1],10),yt=gt&&y("Google")&&yt<537&&!("AudioNode"in window),xt=!!window.opera,wt=!n&&y("chrome"),bt=y("gecko")&&!ft&&!xt&&!pt,Pt=!wt&&y("safari"),Lt=y("phantom"),o="OTransition"in _t,Tt=0===navigator.platform.indexOf("Win"),Mt=pt&&"transition"in _t,zt="WebKitCSSMatrix"in window&&"m11"in new window.WebKitCSSMatrix&&!vt,_t="MozPerspective"in _t,Ct=!window.L_DISABLE_3D&&(Mt||zt||_t)&&!o&&!Lt,Zt="undefined"!=typeof orientation||y("mobile"),St=Zt&&ft,Et=Zt&&zt,kt=!window.PointerEvent&&window.MSPointerEvent,Ot=!(!window.PointerEvent&&!kt),At="ontouchstart"in window||!!window.TouchEvent,Bt=!window.L_NO_TOUCH&&(At||Ot),It=Zt&&xt,Rt=Zt&&bt,Nt=1<(window.devicePixelRatio||window.screen.deviceXDPI/window.screen.logicalXDPI),Dt=function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("testPassiveEventSupport",u,e),window.removeEventListener("testPassiveEventSupport",u,e)}catch(t){}return t}(),jt=!!document.createElement("canvas").getContext,Ht=!(!document.createElementNS||!ct("svg").createSVGRect),Wt=!!Ht&&((Wt=document.createElement("div")).innerHTML="<svg/>","http://www.w3.org/2000/svg"===(Wt.firstChild&&Wt.firstChild.namespaceURI));function y(t){return 0<=navigator.userAgent.toLowerCase().indexOf(t)}var b={ie:pt,ielt9:mt,edge:n,webkit:ft,android:gt,android23:vt,androidStock:yt,opera:xt,chrome:wt,gecko:bt,safari:Pt,phantom:Lt,opera12:o,win:Tt,ie3d:Mt,webkit3d:zt,gecko3d:_t,any3d:Ct,mobile:Zt,mobileWebkit:St,mobileWebkit3d:Et,msPointer:kt,pointer:Ot,touch:Bt,touchNative:At,mobileOpera:It,mobileGecko:Rt,retina:Nt,passiveEvents:Dt,canvas:jt,svg:Ht,vml:!Ht&&function(){try{var t=document.createElement("div"),e=(t.innerHTML='<v:shape adj="1"/>',t.firstChild);return e.style.behavior="url(#default#VML)",e&&"object"==typeof e.adj}catch(t){return!1}}(),inlineSvg:Wt,mac:0===navigator.platform.indexOf("Mac"),linux:0===navigator.platform.indexOf("Linux")},Ft=b.msPointer?"MSPointerDown":"pointerdown",Ut=b.msPointer?"MSPointerMove":"pointermove",Vt=b.msPointer?"MSPointerUp":"pointerup",qt=b.msPointer?"MSPointerCancel":"pointercancel",Gt={touchstart:Ft,touchmove:Ut,touchend:Vt,touchcancel:qt},Kt={touchstart:function(t,e){e.MSPOINTER_TYPE_TOUCH&&e.pointerType===e.MSPOINTER_TYPE_TOUCH&&O(e);ee(t,e)},touchmove:ee,touchend:ee,touchcancel:ee},Yt={},Xt=!1;function Jt(t,e,i){return"touchstart"!==e||Xt||(document.addEventListener(Ft,$t,!0),document.addEventListener(Ut,Qt,!0),document.addEventListener(Vt,te,!0),document.addEventListener(qt,te,!0),Xt=!0),Kt[e]?(i=Kt[e].bind(this,i),t.addEventListener(Gt[e],i,!1),i):(console.warn("wrong event specified:",e),u)}function $t(t){Yt[t.pointerId]=t}function Qt(t){Yt[t.pointerId]&&(Yt[t.pointerId]=t)}function te(t){delete Yt[t.pointerId]}function ee(t,e){if(e.pointerType!==(e.MSPOINTER_TYPE_MOUSE||"mouse")){for(var i in e.touches=[],Yt)e.touches.push(Yt[i]);e.changedTouches=[e],t(e)}}var ie=200;function ne(t,i){t.addEventListener("dblclick",i);var n,o=0;function e(t){var e;1!==t.detail?n=t.detail:"mouse"===t.pointerType||t.sourceCapabilities&&!t.sourceCapabilities.firesTouchEvents||((e=Ne(t)).some(function(t){return t instanceof HTMLLabelElement&&t.attributes.for})&&!e.some(function(t){return t instanceof HTMLInputElement||t instanceof HTMLSelectElement})||((e=Date.now())-o<=ie?2===++n&&i(function(t){var e,i,n={};for(i in t)e=t[i],n[i]=e&&e.bind?e.bind(t):e;return(t=n).type="dblclick",n.detail=2,n.isTrusted=!1,n._simulated=!0,n}(t)):n=1,o=e))}return t.addEventListener("click",e),{dblclick:i,simDblclick:e}}var oe,se,re,ae,he,le,ue=we(["transform","webkitTransform","OTransform","MozTransform","msTransform"]),ce=we(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),de="webkitTransition"===ce||"OTransition"===ce?ce+"End":"transitionend";function _e(t){return"string"==typeof t?document.getElementById(t):t}function pe(t,e){var i=t.style[e]||t.currentStyle&&t.currentStyle[e];return"auto"===(i=i&&"auto"!==i||!document.defaultView?i:(t=document.defaultView.getComputedStyle(t,null))?t[e]:null)?null:i}function P(t,e,i){t=document.createElement(t);return t.className=e||"",i&&i.appendChild(t),t}function T(t){var e=t.parentNode;e&&e.removeChild(t)}function me(t){for(;t.firstChild;)t.removeChild(t.firstChild)}function fe(t){var e=t.parentNode;e&&e.lastChild!==t&&e.appendChild(t)}function ge(t){var e=t.parentNode;e&&e.firstChild!==t&&e.insertBefore(t,e.firstChild)}function ve(t,e){return void 0!==t.classList?t.classList.contains(e):0<(t=xe(t)).length&&new RegExp("(^|\\s)"+e+"(\\s|$)").test(t)}function M(t,e){var i;if(void 0!==t.classList)for(var n=F(e),o=0,s=n.length;o<s;o++)t.classList.add(n[o]);else ve(t,e)||ye(t,((i=xe(t))?i+" ":"")+e)}function z(t,e){void 0!==t.classList?t.classList.remove(e):ye(t,W((" "+xe(t)+" ").replace(" "+e+" "," ")))}function ye(t,e){void 0===t.className.baseVal?t.className=e:t.className.baseVal=e}function xe(t){return void 0===(t=t.correspondingElement?t.correspondingElement:t).className.baseVal?t.className:t.className.baseVal}function C(t,e){if("opacity"in t.style)t.style.opacity=e;else if("filter"in t.style){var i=!1,n="DXImageTransform.Microsoft.Alpha";try{i=t.filters.item(n)}catch(t){if(1===e)return}e=Math.round(100*e),i?(i.Enabled=100!==e,i.Opacity=e):t.style.filter+=" progid:"+n+"(opacity="+e+")"}}function we(t){for(var e=document.documentElement.style,i=0;i<t.length;i++)if(t[i]in e)return t[i];return!1}function be(t,e,i){e=e||new p(0,0);t.style[ue]=(b.ie3d?"translate("+e.x+"px,"+e.y+"px)":"translate3d("+e.x+"px,"+e.y+"px,0)")+(i?" scale("+i+")":"")}function Z(t,e){t._leaflet_pos=e,b.any3d?be(t,e):(t.style.left=e.x+"px",t.style.top=e.y+"px")}function Pe(t){return t._leaflet_pos||new p(0,0)}function Le(){S(window,"dragstart",O)}function Te(){k(window,"dragstart",O)}function Me(t){for(;-1===t.tabIndex;)t=t.parentNode;t.style&&(ze(),le=(he=t).style.outlineStyle,t.style.outlineStyle="none",S(window,"keydown",ze))}function ze(){he&&(he.style.outlineStyle=le,le=he=void 0,k(window,"keydown",ze))}function Ce(t){for(;!((t=t.parentNode).offsetWidth&&t.offsetHeight||t===document.body););return t}function Ze(t){var e=t.getBoundingClientRect();return{x:e.width/t.offsetWidth||1,y:e.height/t.offsetHeight||1,boundingClientRect:e}}ae="onselectstart"in document?(re=function(){S(window,"selectstart",O)},function(){k(window,"selectstart",O)}):(se=we(["userSelect","WebkitUserSelect","OUserSelect","MozUserSelect","msUserSelect"]),re=function(){var t;se&&(t=document.documentElement.style,oe=t[se],t[se]="none")},function(){se&&(document.documentElement.style[se]=oe,oe=void 0)});pt={__proto__:null,TRANSFORM:ue,TRANSITION:ce,TRANSITION_END:de,get:_e,getStyle:pe,create:P,remove:T,empty:me,toFront:fe,toBack:ge,hasClass:ve,addClass:M,removeClass:z,setClass:ye,getClass:xe,setOpacity:C,testProp:we,setTransform:be,setPosition:Z,getPosition:Pe,get disableTextSelection(){return re},get enableTextSelection(){return ae},disableImageDrag:Le,enableImageDrag:Te,preventOutline:Me,restoreOutline:ze,getSizedParentNode:Ce,getScale:Ze};function S(t,e,i,n){if(e&&"object"==typeof e)for(var o in e)ke(t,o,e[o],i);else for(var s=0,r=(e=F(e)).length;s<r;s++)ke(t,e[s],i,n);return this}var E="_leaflet_events";function k(t,e,i,n){if(1===arguments.length)Se(t),delete t[E];else if(e&&"object"==typeof e)for(var o in e)Oe(t,o,e[o],i);else if(e=F(e),2===arguments.length)Se(t,function(t){return-1!==G(e,t)});else for(var s=0,r=e.length;s<r;s++)Oe(t,e[s],i,n);return this}function Se(t,e){for(var i in t[E]){var n=i.split(/\d/)[0];e&&!e(n)||Oe(t,n,null,null,i)}}var Ee={mouseenter:"mouseover",mouseleave:"mouseout",wheel:!("onwheel"in window)&&"mousewheel"};function ke(e,t,i,n){var o,s,r=t+h(i)+(n?"_"+h(n):"");e[E]&&e[E][r]||(s=o=function(t){return i.call(n||e,t||window.event)},!b.touchNative&&b.pointer&&0===t.indexOf("touch")?o=Jt(e,t,o):b.touch&&"dblclick"===t?o=ne(e,o):"addEventListener"in e?"touchstart"===t||"touchmove"===t||"wheel"===t||"mousewheel"===t?e.addEventListener(Ee[t]||t,o,!!b.passiveEvents&&{passive:!1}):"mouseenter"===t||"mouseleave"===t?e.addEventListener(Ee[t],o=function(t){t=t||window.event,We(e,t)&&s(t)},!1):e.addEventListener(t,s,!1):e.attachEvent("on"+t,o),e[E]=e[E]||{},e[E][r]=o)}function Oe(t,e,i,n,o){o=o||e+h(i)+(n?"_"+h(n):"");var s,r,i=t[E]&&t[E][o];i&&(!b.touchNative&&b.pointer&&0===e.indexOf("touch")?(n=t,r=i,Gt[s=e]?n.removeEventListener(Gt[s],r,!1):console.warn("wrong event specified:",s)):b.touch&&"dblclick"===e?(n=i,(r=t).removeEventListener("dblclick",n.dblclick),r.removeEventListener("click",n.simDblclick)):"removeEventListener"in t?t.removeEventListener(Ee[e]||e,i,!1):t.detachEvent("on"+e,i),t[E][o]=null)}function Ae(t){return t.stopPropagation?t.stopPropagation():t.originalEvent?t.originalEvent._stopped=!0:t.cancelBubble=!0,this}function Be(t){return ke(t,"wheel",Ae),this}function Ie(t){return S(t,"mousedown touchstart dblclick contextmenu",Ae),t._leaflet_disable_click=!0,this}function O(t){return t.preventDefault?t.preventDefault():t.returnValue=!1,this}function Re(t){return O(t),Ae(t),this}function Ne(t){if(t.composedPath)return t.composedPath();for(var e=[],i=t.target;i;)e.push(i),i=i.parentNode;return e}function De(t,e){var i,n;return e?(n=(i=Ze(e)).boundingClientRect,new p((t.clientX-n.left)/i.x-e.clientLeft,(t.clientY-n.top)/i.y-e.clientTop)):new p(t.clientX,t.clientY)}var je=b.linux&&b.chrome?window.devicePixelRatio:b.mac?3*window.devicePixelRatio:0<window.devicePixelRatio?2*window.devicePixelRatio:1;function He(t){return b.edge?t.wheelDeltaY/2:t.deltaY&&0===t.deltaMode?-t.deltaY/je:t.deltaY&&1===t.deltaMode?20*-t.deltaY:t.deltaY&&2===t.deltaMode?60*-t.deltaY:t.deltaX||t.deltaZ?0:t.wheelDelta?(t.wheelDeltaY||t.wheelDelta)/2:t.detail&&Math.abs(t.detail)<32765?20*-t.detail:t.detail?t.detail/-32765*60:0}function We(t,e){var i=e.relatedTarget;if(!i)return!0;try{for(;i&&i!==t;)i=i.parentNode}catch(t){return!1}return i!==t}var mt={__proto__:null,on:S,off:k,stopPropagation:Ae,disableScrollPropagation:Be,disableClickPropagation:Ie,preventDefault:O,stop:Re,getPropagationPath:Ne,getMousePosition:De,getWheelDelta:He,isExternalTarget:We,addListener:S,removeListener:k},Fe=it.extend({run:function(t,e,i,n){this.stop(),this._el=t,this._inProgress=!0,this._duration=i||.25,this._easeOutPower=1/Math.max(n||.5,.2),this._startPos=Pe(t),this._offset=e.subtract(this._startPos),this._startTime=+new Date,this.fire("start"),this._animate()},stop:function(){this._inProgress&&(this._step(!0),this._complete())},_animate:function(){this._animId=x(this._animate,this),this._step()},_step:function(t){var e=+new Date-this._startTime,i=1e3*this._duration;e<i?this._runFrame(this._easeOut(e/i),t):(this._runFrame(1),this._complete())},_runFrame:function(t,e){t=this._startPos.add(this._offset.multiplyBy(t));e&&t._round(),Z(this._el,t),this.fire("step")},_complete:function(){r(this._animId),this._inProgress=!1,this.fire("end")},_easeOut:function(t){return 1-Math.pow(1-t,this._easeOutPower)}}),A=it.extend({options:{crs:lt,center:void 0,zoom:void 0,minZoom:void 0,maxZoom:void 0,layers:[],maxBounds:void 0,renderer:void 0,zoomAnimation:!0,zoomAnimationThreshold:4,fadeAnimation:!0,markerZoomAnimation:!0,transform3DLimit:8388608,zoomSnap:1,zoomDelta:1,trackResize:!0},initialize:function(t,e){e=c(this,e),this._handlers=[],this._layers={},this._zoomBoundLayers={},this._sizeChanged=!0,this._initContainer(t),this._initLayout(),this._onResize=a(this._onResize,this),this._initEvents(),e.maxBounds&&this.setMaxBounds(e.maxBounds),void 0!==e.zoom&&(this._zoom=this._limitZoom(e.zoom)),e.center&&void 0!==e.zoom&&this.setView(w(e.center),e.zoom,{reset:!0}),this.callInitHooks(),this._zoomAnimated=ce&&b.any3d&&!b.mobileOpera&&this.options.zoomAnimation,this._zoomAnimated&&(this._createAnimProxy(),S(this._proxy,de,this._catchTransitionEnd,this)),this._addLayers(this.options.layers)},setView:function(t,e,i){if((e=void 0===e?this._zoom:this._limitZoom(e),t=this._limitCenter(w(t),e,this.options.maxBounds),i=i||{},this._stop(),this._loaded&&!i.reset&&!0!==i)&&(void 0!==i.animate&&(i.zoom=l({animate:i.animate},i.zoom),i.pan=l({animate:i.animate,duration:i.duration},i.pan)),this._zoom!==e?this._tryAnimatedZoom&&this._tryAnimatedZoom(t,e,i.zoom):this._tryAnimatedPan(t,i.pan)))return clearTimeout(this._sizeTimer),this;return this._resetView(t,e,i.pan&&i.pan.noMoveStart),this},setZoom:function(t,e){return this._loaded?this.setView(this.getCenter(),t,{zoom:e}):(this._zoom=t,this)},zoomIn:function(t,e){return t=t||(b.any3d?this.options.zoomDelta:1),this.setZoom(this._zoom+t,e)},zoomOut:function(t,e){return t=t||(b.any3d?this.options.zoomDelta:1),this.setZoom(this._zoom-t,e)},setZoomAround:function(t,e,i){var n=this.getZoomScale(e),o=this.getSize().divideBy(2),t=(t instanceof p?t:this.latLngToContainerPoint(t)).subtract(o).multiplyBy(1-1/n),n=this.containerPointToLatLng(o.add(t));return this.setView(n,e,{zoom:i})},_getBoundsCenterZoom:function(t,e){e=e||{},t=t.getBounds?t.getBounds():g(t);var i=m(e.paddingTopLeft||e.padding||[0,0]),n=m(e.paddingBottomRight||e.padding||[0,0]),o=this.getBoundsZoom(t,!1,i.add(n));return(o="number"==typeof e.maxZoom?Math.min(e.maxZoom,o):o)===1/0?{center:t.getCenter(),zoom:o}:(e=n.subtract(i).divideBy(2),n=this.project(t.getSouthWest(),o),i=this.project(t.getNorthEast(),o),{center:this.unproject(n.add(i).divideBy(2).add(e),o),zoom:o})},fitBounds:function(t,e){if((t=g(t)).isValid())return t=this._getBoundsCenterZoom(t,e),this.setView(t.center,t.zoom,e);throw new Error("Bounds are not valid.")},fitWorld:function(t){return this.fitBounds([[-90,-180],[90,180]],t)},panTo:function(t,e){return this.setView(t,this._zoom,{pan:e})},panBy:function(t,e){var i;return e=e||{},(t=m(t).round()).x||t.y?(!0===e.animate||this.getSize().contains(t)?(this._panAnim||(this._panAnim=new Fe,this._panAnim.on({step:this._onPanTransitionStep,end:this._onPanTransitionEnd},this)),e.noMoveStart||this.fire("movestart"),!1!==e.animate?(M(this._mapPane,"leaflet-pan-anim"),i=this._getMapPanePos().subtract(t).round(),this._panAnim.run(this._mapPane,i,e.duration||.25,e.easeLinearity)):(this._rawPanBy(t),this.fire("move").fire("moveend"))):this._resetView(this.unproject(this.project(this.getCenter()).add(t)),this.getZoom()),this):this.fire("moveend")},flyTo:function(n,o,t){if(!1===(t=t||{}).animate||!b.any3d)return this.setView(n,o,t);this._stop();var s=this.project(this.getCenter()),r=this.project(n),e=this.getSize(),a=this._zoom,h=(n=w(n),o=void 0===o?a:o,Math.max(e.x,e.y)),i=h*this.getZoomScale(a,o),l=r.distanceTo(s)||1,u=1.42,c=u*u;function d(t){t=(i*i-h*h+(t?-1:1)*c*c*l*l)/(2*(t?i:h)*c*l),t=Math.sqrt(t*t+1)-t;return t<1e-9?-18:Math.log(t)}function _(t){return(Math.exp(t)-Math.exp(-t))/2}function p(t){return(Math.exp(t)+Math.exp(-t))/2}var m=d(0);function f(t){return h*(p(m)*(_(t=m+u*t)/p(t))-_(m))/c}var g=Date.now(),v=(d(1)-m)/u,y=t.duration?1e3*t.duration:1e3*v*.8;return this._moveStart(!0,t.noMoveStart),function t(){var e=(Date.now()-g)/y,i=(1-Math.pow(1-e,1.5))*v;e<=1?(this._flyToFrame=x(t,this),this._move(this.unproject(s.add(r.subtract(s).multiplyBy(f(i)/l)),a),this.getScaleZoom(h/(e=i,h*(p(m)/p(m+u*e))),a),{flyTo:!0})):this._move(n,o)._moveEnd(!0)}.call(this),this},flyToBounds:function(t,e){t=this._getBoundsCenterZoom(t,e);return this.flyTo(t.center,t.zoom,e)},setMaxBounds:function(t){return t=g(t),this.listens("moveend",this._panInsideMaxBounds)&&this.off("moveend",this._panInsideMaxBounds),t.isValid()?(this.options.maxBounds=t,this._loaded&&this._panInsideMaxBounds(),this.on("moveend",this._panInsideMaxBounds)):(this.options.maxBounds=null,this)},setMinZoom:function(t){var e=this.options.minZoom;return this.options.minZoom=t,this._loaded&&e!==t&&(this.fire("zoomlevelschange"),this.getZoom()<this.options.minZoom)?this.setZoom(t):this},setMaxZoom:function(t){var e=this.options.maxZoom;return this.options.maxZoom=t,this._loaded&&e!==t&&(this.fire("zoomlevelschange"),this.getZoom()>this.options.maxZoom)?this.setZoom(t):this},panInsideBounds:function(t,e){this._enforcingBounds=!0;var i=this.getCenter(),t=this._limitCenter(i,this._zoom,g(t));return i.equals(t)||this.panTo(t,e),this._enforcingBounds=!1,this},panInside:function(t,e){var i=m((e=e||{}).paddingTopLeft||e.padding||[0,0]),n=m(e.paddingBottomRight||e.padding||[0,0]),o=this.project(this.getCenter()),t=this.project(t),s=this.getPixelBounds(),i=_([s.min.add(i),s.max.subtract(n)]),s=i.getSize();return i.contains(t)||(this._enforcingBounds=!0,n=t.subtract(i.getCenter()),i=i.extend(t).getSize().subtract(s),o.x+=n.x<0?-i.x:i.x,o.y+=n.y<0?-i.y:i.y,this.panTo(this.unproject(o),e),this._enforcingBounds=!1),this},invalidateSize:function(t){if(!this._loaded)return this;t=l({animate:!1,pan:!0},!0===t?{animate:!0}:t);var e=this.getSize(),i=(this._sizeChanged=!0,this._lastCenter=null,this.getSize()),n=e.divideBy(2).round(),o=i.divideBy(2).round(),n=n.subtract(o);return n.x||n.y?(t.animate&&t.pan?this.panBy(n):(t.pan&&this._rawPanBy(n),this.fire("move"),t.debounceMoveend?(clearTimeout(this._sizeTimer),this._sizeTimer=setTimeout(a(this.fire,this,"moveend"),200)):this.fire("moveend")),this.fire("resize",{oldSize:e,newSize:i})):this},stop:function(){return this.setZoom(this._limitZoom(this._zoom)),this.options.zoomSnap||this.fire("viewreset"),this._stop()},locate:function(t){var e,i;return t=this._locateOptions=l({timeout:1e4,watch:!1},t),"geolocation"in navigator?(e=a(this._handleGeolocationResponse,this),i=a(this._handleGeolocationError,this),t.watch?this._locationWatchId=navigator.geolocation.watchPosition(e,i,t):navigator.geolocation.getCurrentPosition(e,i,t)):this._handleGeolocationError({code:0,message:"Geolocation not supported."}),this},stopLocate:function(){return navigator.geolocation&&navigator.geolocation.clearWatch&&navigator.geolocation.clearWatch(this._locationWatchId),this._locateOptions&&(this._locateOptions.setView=!1),this},_handleGeolocationError:function(t){var e;this._container._leaflet_id&&(e=t.code,t=t.message||(1===e?"permission denied":2===e?"position unavailable":"timeout"),this._locateOptions.setView&&!this._loaded&&this.fitWorld(),this.fire("locationerror",{code:e,message:"Geolocation error: "+t+"."}))},_handleGeolocationResponse:function(t){if(this._container._leaflet_id){var e,i,n=new v(t.coords.latitude,t.coords.longitude),o=n.toBounds(2*t.coords.accuracy),s=this._locateOptions,r=(s.setView&&(e=this.getBoundsZoom(o),this.setView(n,s.maxZoom?Math.min(e,s.maxZoom):e)),{latlng:n,bounds:o,timestamp:t.timestamp});for(i in t.coords)"number"==typeof t.coords[i]&&(r[i]=t.coords[i]);this.fire("locationfound",r)}},addHandler:function(t,e){return e&&(e=this[t]=new e(this),this._handlers.push(e),this.options[t]&&e.enable()),this},remove:function(){if(this._initEvents(!0),this.options.maxBounds&&this.off("moveend",this._panInsideMaxBounds),this._containerId!==this._container._leaflet_id)throw new Error("Map container is being reused by another instance");try{delete this._container._leaflet_id,delete this._containerId}catch(t){this._container._leaflet_id=void 0,this._containerId=void 0}for(var t in void 0!==this._locationWatchId&&this.stopLocate(),this._stop(),T(this._mapPane),this._clearControlPos&&this._clearControlPos(),this._resizeRequest&&(r(this._resizeRequest),this._resizeRequest=null),this._clearHandlers(),this._loaded&&this.fire("unload"),this._layers)this._layers[t].remove();for(t in this._panes)T(this._panes[t]);return this._layers=[],this._panes=[],delete this._mapPane,delete this._renderer,this},createPane:function(t,e){e=P("div","leaflet-pane"+(t?" leaflet-"+t.replace("Pane","")+"-pane":""),e||this._mapPane);return t&&(this._panes[t]=e),e},getCenter:function(){return this._checkIfLoaded(),this._lastCenter&&!this._moved()?this._lastCenter.clone():this.layerPointToLatLng(this._getCenterLayerPoint())},getZoom:function(){return this._zoom},getBounds:function(){var t=this.getPixelBounds();return new s(this.unproject(t.getBottomLeft()),this.unproject(t.getTopRight()))},getMinZoom:function(){return void 0===this.options.minZoom?this._layersMinZoom||0:this.options.minZoom},getMaxZoom:function(){return void 0===this.options.maxZoom?void 0===this._layersMaxZoom?1/0:this._layersMaxZoom:this.options.maxZoom},getBoundsZoom:function(t,e,i){t=g(t),i=m(i||[0,0]);var n=this.getZoom()||0,o=this.getMinZoom(),s=this.getMaxZoom(),r=t.getNorthWest(),t=t.getSouthEast(),i=this.getSize().subtract(i),t=_(this.project(t,n),this.project(r,n)).getSize(),r=b.any3d?this.options.zoomSnap:1,a=i.x/t.x,i=i.y/t.y,t=e?Math.max(a,i):Math.min(a,i),n=this.getScaleZoom(t,n);return r&&(n=Math.round(n/(r/100))*(r/100),n=e?Math.ceil(n/r)*r:Math.floor(n/r)*r),Math.max(o,Math.min(s,n))},getSize:function(){return this._size&&!this._sizeChanged||(this._size=new p(this._container.clientWidth||0,this._container.clientHeight||0),this._sizeChanged=!1),this._size.clone()},getPixelBounds:function(t,e){t=this._getTopLeftPoint(t,e);return new f(t,t.add(this.getSize()))},getPixelOrigin:function(){return this._checkIfLoaded(),this._pixelOrigin},getPixelWorldBounds:function(t){return this.options.crs.getProjectedBounds(void 0===t?this.getZoom():t)},getPane:function(t){return"string"==typeof t?this._panes[t]:t},getPanes:function(){return this._panes},getContainer:function(){return this._container},getZoomScale:function(t,e){var i=this.options.crs;return e=void 0===e?this._zoom:e,i.scale(t)/i.scale(e)},getScaleZoom:function(t,e){var i=this.options.crs,t=(e=void 0===e?this._zoom:e,i.zoom(t*i.scale(e)));return isNaN(t)?1/0:t},project:function(t,e){return e=void 0===e?this._zoom:e,this.options.crs.latLngToPoint(w(t),e)},unproject:function(t,e){return e=void 0===e?this._zoom:e,this.options.crs.pointToLatLng(m(t),e)},layerPointToLatLng:function(t){t=m(t).add(this.getPixelOrigin());return this.unproject(t)},latLngToLayerPoint:function(t){return this.project(w(t))._round()._subtract(this.getPixelOrigin())},wrapLatLng:function(t){return this.options.crs.wrapLatLng(w(t))},wrapLatLngBounds:function(t){return this.options.crs.wrapLatLngBounds(g(t))},distance:function(t,e){return this.options.crs.distance(w(t),w(e))},containerPointToLayerPoint:function(t){return m(t).subtract(this._getMapPanePos())},layerPointToContainerPoint:function(t){return m(t).add(this._getMapPanePos())},containerPointToLatLng:function(t){t=this.containerPointToLayerPoint(m(t));return this.layerPointToLatLng(t)},latLngToContainerPoint:function(t){return this.layerPointToContainerPoint(this.latLngToLayerPoint(w(t)))},mouseEventToContainerPoint:function(t){return De(t,this._container)},mouseEventToLayerPoint:function(t){return this.containerPointToLayerPoint(this.mouseEventToContainerPoint(t))},mouseEventToLatLng:function(t){return this.layerPointToLatLng(this.mouseEventToLayerPoint(t))},_initContainer:function(t){t=this._container=_e(t);if(!t)throw new Error("Map container not found.");if(t._leaflet_id)throw new Error("Map container is already initialized.");S(t,"scroll",this._onScroll,this),this._containerId=h(t)},_initLayout:function(){var t=this._container,e=(this._fadeAnimated=this.options.fadeAnimation&&b.any3d,M(t,"leaflet-container"+(b.touch?" leaflet-touch":"")+(b.retina?" leaflet-retina":"")+(b.ielt9?" leaflet-oldie":"")+(b.safari?" leaflet-safari":"")+(this._fadeAnimated?" leaflet-fade-anim":"")),pe(t,"position"));"absolute"!==e&&"relative"!==e&&"fixed"!==e&&"sticky"!==e&&(t.style.position="relative"),this._initPanes(),this._initControlPos&&this._initControlPos()},_initPanes:function(){var t=this._panes={};this._paneRenderers={},this._mapPane=this.createPane("mapPane",this._container),Z(this._mapPane,new p(0,0)),this.createPane("tilePane"),this.createPane("overlayPane"),this.createPane("shadowPane"),this.createPane("markerPane"),this.createPane("tooltipPane"),this.createPane("popupPane"),this.options.markerZoomAnimation||(M(t.markerPane,"leaflet-zoom-hide"),M(t.shadowPane,"leaflet-zoom-hide"))},_resetView:function(t,e,i){Z(this._mapPane,new p(0,0));var n=!this._loaded,o=(this._loaded=!0,e=this._limitZoom(e),this.fire("viewprereset"),this._zoom!==e);this._moveStart(o,i)._move(t,e)._moveEnd(o),this.fire("viewreset"),n&&this.fire("load")},_moveStart:function(t,e){return t&&this.fire("zoomstart"),e||this.fire("movestart"),this},_move:function(t,e,i,n){void 0===e&&(e=this._zoom);var o=this._zoom!==e;return this._zoom=e,this._lastCenter=t,this._pixelOrigin=this._getNewPixelOrigin(t),n?i&&i.pinch&&this.fire("zoom",i):((o||i&&i.pinch)&&this.fire("zoom",i),this.fire("move",i)),this},_moveEnd:function(t){return t&&this.fire("zoomend"),this.fire("moveend")},_stop:function(){return r(this._flyToFrame),this._panAnim&&this._panAnim.stop(),this},_rawPanBy:function(t){Z(this._mapPane,this._getMapPanePos().subtract(t))},_getZoomSpan:function(){return this.getMaxZoom()-this.getMinZoom()},_panInsideMaxBounds:function(){this._enforcingBounds||this.panInsideBounds(this.options.maxBounds)},_checkIfLoaded:function(){if(!this._loaded)throw new Error("Set map center and zoom first.")},_initEvents:function(t){this._targets={};var e=t?k:S;e((this._targets[h(this._container)]=this)._container,"click dblclick mousedown mouseup mouseover mouseout mousemove contextmenu keypress keydown keyup",this._handleDOMEvent,this),this.options.trackResize&&e(window,"resize",this._onResize,this),b.any3d&&this.options.transform3DLimit&&(t?this.off:this.on).call(this,"moveend",this._onMoveEnd)},_onResize:function(){r(this._resizeRequest),this._resizeRequest=x(function(){this.invalidateSize({debounceMoveend:!0})},this)},_onScroll:function(){this._container.scrollTop=0,this._container.scrollLeft=0},_onMoveEnd:function(){var t=this._getMapPanePos();Math.max(Math.abs(t.x),Math.abs(t.y))>=this.options.transform3DLimit&&this._resetView(this.getCenter(),this.getZoom())},_findEventTargets:function(t,e){for(var i,n=[],o="mouseout"===e||"mouseover"===e,s=t.target||t.srcElement,r=!1;s;){if((i=this._targets[h(s)])&&("click"===e||"preclick"===e)&&this._draggableMoved(i)){r=!0;break}if(i&&i.listens(e,!0)){if(o&&!We(s,t))break;if(n.push(i),o)break}if(s===this._container)break;s=s.parentNode}return n=n.length||r||o||!this.listens(e,!0)?n:[this]},_isClickDisabled:function(t){for(;t&&t!==this._container;){if(t._leaflet_disable_click)return!0;t=t.parentNode}},_handleDOMEvent:function(t){var e,i=t.target||t.srcElement;!this._loaded||i._leaflet_disable_events||"click"===t.type&&this._isClickDisabled(i)||("mousedown"===(e=t.type)&&Me(i),this._fireDOMEvent(t,e))},_mouseEvents:["click","dblclick","mouseover","mouseout","contextmenu"],_fireDOMEvent:function(t,e,i){"click"===t.type&&((a=l({},t)).type="preclick",this._fireDOMEvent(a,a.type,i));var n=this._findEventTargets(t,e);if(i){for(var o=[],s=0;s<i.length;s++)i[s].listens(e,!0)&&o.push(i[s]);n=o.concat(n)}if(n.length){"contextmenu"===e&&O(t);var r,a=n[0],h={originalEvent:t};for("keypress"!==t.type&&"keydown"!==t.type&&"keyup"!==t.type&&(r=a.getLatLng&&(!a._radius||a._radius<=10),h.containerPoint=r?this.latLngToContainerPoint(a.getLatLng()):this.mouseEventToContainerPoint(t),h.layerPoint=this.containerPointToLayerPoint(h.containerPoint),h.latlng=r?a.getLatLng():this.layerPointToLatLng(h.layerPoint)),s=0;s<n.length;s++)if(n[s].fire(e,h,!0),h.originalEvent._stopped||!1===n[s].options.bubblingMouseEvents&&-1!==G(this._mouseEvents,e))return}},_draggableMoved:function(t){return(t=t.dragging&&t.dragging.enabled()?t:this).dragging&&t.dragging.moved()||this.boxZoom&&this.boxZoom.moved()},_clearHandlers:function(){for(var t=0,e=this._handlers.length;t<e;t++)this._handlers[t].disable()},whenReady:function(t,e){return this._loaded?t.call(e||this,{target:this}):this.on("load",t,e),this},_getMapPanePos:function(){return Pe(this._mapPane)||new p(0,0)},_moved:function(){var t=this._getMapPanePos();return t&&!t.equals([0,0])},_getTopLeftPoint:function(t,e){return(t&&void 0!==e?this._getNewPixelOrigin(t,e):this.getPixelOrigin()).subtract(this._getMapPanePos())},_getNewPixelOrigin:function(t,e){var i=this.getSize()._divideBy(2);return this.project(t,e)._subtract(i)._add(this._getMapPanePos())._round()},_latLngToNewLayerPoint:function(t,e,i){i=this._getNewPixelOrigin(i,e);return this.project(t,e)._subtract(i)},_latLngBoundsToNewLayerBounds:function(t,e,i){i=this._getNewPixelOrigin(i,e);return _([this.project(t.getSouthWest(),e)._subtract(i),this.project(t.getNorthWest(),e)._subtract(i),this.project(t.getSouthEast(),e)._subtract(i),this.project(t.getNorthEast(),e)._subtract(i)])},_getCenterLayerPoint:function(){return this.containerPointToLayerPoint(this.getSize()._divideBy(2))},_getCenterOffset:function(t){return this.latLngToLayerPoint(t).subtract(this._getCenterLayerPoint())},_limitCenter:function(t,e,i){var n,o;return!i||(n=this.project(t,e),o=this.getSize().divideBy(2),o=new f(n.subtract(o),n.add(o)),o=this._getBoundsOffset(o,i,e),Math.abs(o.x)<=1&&Math.abs(o.y)<=1)?t:this.unproject(n.add(o),e)},_limitOffset:function(t,e){var i;return e?(i=new f((i=this.getPixelBounds()).min.add(t),i.max.add(t)),t.add(this._getBoundsOffset(i,e))):t},_getBoundsOffset:function(t,e,i){e=_(this.project(e.getNorthEast(),i),this.project(e.getSouthWest(),i)),i=e.min.subtract(t.min),e=e.max.subtract(t.max);return new p(this._rebound(i.x,-e.x),this._rebound(i.y,-e.y))},_rebound:function(t,e){return 0<t+e?Math.round(t-e)/2:Math.max(0,Math.ceil(t))-Math.max(0,Math.floor(e))},_limitZoom:function(t){var e=this.getMinZoom(),i=this.getMaxZoom(),n=b.any3d?this.options.zoomSnap:1;return n&&(t=Math.round(t/n)*n),Math.max(e,Math.min(i,t))},_onPanTransitionStep:function(){this.fire("move")},_onPanTransitionEnd:function(){z(this._mapPane,"leaflet-pan-anim"),this.fire("moveend")},_tryAnimatedPan:function(t,e){t=this._getCenterOffset(t)._trunc();return!(!0!==(e&&e.animate)&&!this.getSize().contains(t))&&(this.panBy(t,e),!0)},_createAnimProxy:function(){var t=this._proxy=P("div","leaflet-proxy leaflet-zoom-animated");this._panes.mapPane.appendChild(t),this.on("zoomanim",function(t){var e=ue,i=this._proxy.style[e];be(this._proxy,this.project(t.center,t.zoom),this.getZoomScale(t.zoom,1)),i===this._proxy.style[e]&&this._animatingZoom&&this._onZoomTransitionEnd()},this),this.on("load moveend",this._animMoveEnd,this),this._on("unload",this._destroyAnimProxy,this)},_destroyAnimProxy:function(){T(this._proxy),this.off("load moveend",this._animMoveEnd,this),delete this._proxy},_animMoveEnd:function(){var t=this.getCenter(),e=this.getZoom();be(this._proxy,this.project(t,e),this.getZoomScale(e,1))},_catchTransitionEnd:function(t){this._animatingZoom&&0<=t.propertyName.indexOf("transform")&&this._onZoomTransitionEnd()},_nothingToAnimate:function(){return!this._container.getElementsByClassName("leaflet-zoom-animated").length},_tryAnimatedZoom:function(t,e,i){if(!this._animatingZoom){if(i=i||{},!this._zoomAnimated||!1===i.animate||this._nothingToAnimate()||Math.abs(e-this._zoom)>this.options.zoomAnimationThreshold)return!1;var n=this.getZoomScale(e),n=this._getCenterOffset(t)._divideBy(1-1/n);if(!0!==i.animate&&!this.getSize().contains(n))return!1;x(function(){this._moveStart(!0,i.noMoveStart||!1)._animateZoom(t,e,!0)},this)}return!0},_animateZoom:function(t,e,i,n){this._mapPane&&(i&&(this._animatingZoom=!0,this._animateToCenter=t,this._animateToZoom=e,M(this._mapPane,"leaflet-zoom-anim")),this.fire("zoomanim",{center:t,zoom:e,noUpdate:n}),this._tempFireZoomEvent||(this._tempFireZoomEvent=this._zoom!==this._animateToZoom),this._move(this._animateToCenter,this._animateToZoom,void 0,!0),setTimeout(a(this._onZoomTransitionEnd,this),250))},_onZoomTransitionEnd:function(){this._animatingZoom&&(this._mapPane&&z(this._mapPane,"leaflet-zoom-anim"),this._animatingZoom=!1,this._move(this._animateToCenter,this._animateToZoom,void 0,!0),this._tempFireZoomEvent&&this.fire("zoom"),delete this._tempFireZoomEvent,this.fire("move"),this._moveEnd(!0))}});function Ue(t){return new B(t)}var B=et.extend({options:{position:"topright"},initialize:function(t){c(this,t)},getPosition:function(){return this.options.position},setPosition:function(t){var e=this._map;return e&&e.removeControl(this),this.options.position=t,e&&e.addControl(this),this},getContainer:function(){return this._container},addTo:function(t){this.remove(),this._map=t;var e=this._container=this.onAdd(t),i=this.getPosition(),t=t._controlCorners[i];return M(e,"leaflet-control"),-1!==i.indexOf("bottom")?t.insertBefore(e,t.firstChild):t.appendChild(e),this._map.on("unload",this.remove,this),this},remove:function(){return this._map&&(T(this._container),this.onRemove&&this.onRemove(this._map),this._map.off("unload",this.remove,this),this._map=null),this},_refocusOnMap:function(t){this._map&&t&&0<t.screenX&&0<t.screenY&&this._map.getContainer().focus()}}),Ve=(A.include({addControl:function(t){return t.addTo(this),this},removeControl:function(t){return t.remove(),this},_initControlPos:function(){var i=this._controlCorners={},n="leaflet-",o=this._controlContainer=P("div",n+"control-container",this._container);function t(t,e){i[t+e]=P("div",n+t+" "+n+e,o)}t("top","left"),t("top","right"),t("bottom","left"),t("bottom","right")},_clearControlPos:function(){for(var t in this._controlCorners)T(this._controlCorners[t]);T(this._controlContainer),delete this._controlCorners,delete this._controlContainer}}),B.extend({options:{collapsed:!0,position:"topright",autoZIndex:!0,hideSingleBase:!1,sortLayers:!1,sortFunction:function(t,e,i,n){return i<n?-1:n<i?1:0}},initialize:function(t,e,i){for(var n in c(this,i),this._layerControlInputs=[],this._layers=[],this._lastZIndex=0,this._handlingClick=!1,this._preventClick=!1,t)this._addLayer(t[n],n);for(n in e)this._addLayer(e[n],n,!0)},onAdd:function(t){this._initLayout(),this._update(),(this._map=t).on("zoomend",this._checkDisabledLayers,this);for(var e=0;e<this._layers.length;e++)this._layers[e].layer.on("add remove",this._onLayerChange,this);return this._container},addTo:function(t){return B.prototype.addTo.call(this,t),this._expandIfNotCollapsed()},onRemove:function(){this._map.off("zoomend",this._checkDisabledLayers,this);for(var t=0;t<this._layers.length;t++)this._layers[t].layer.off("add remove",this._onLayerChange,this)},addBaseLayer:function(t,e){return this._addLayer(t,e),this._map?this._update():this},addOverlay:function(t,e){return this._addLayer(t,e,!0),this._map?this._update():this},removeLayer:function(t){t.off("add remove",this._onLayerChange,this);t=this._getLayer(h(t));return t&&this._layers.splice(this._layers.indexOf(t),1),this._map?this._update():this},expand:function(){M(this._container,"leaflet-control-layers-expanded"),this._section.style.height=null;var t=this._map.getSize().y-(this._container.offsetTop+50);return t<this._section.clientHeight?(M(this._section,"leaflet-control-layers-scrollbar"),this._section.style.height=t+"px"):z(this._section,"leaflet-control-layers-scrollbar"),this._checkDisabledLayers(),this},collapse:function(){return z(this._container,"leaflet-control-layers-expanded"),this},_initLayout:function(){var t="leaflet-control-layers",e=this._container=P("div",t),i=this.options.collapsed,n=(e.setAttribute("aria-haspopup",!0),Ie(e),Be(e),this._section=P("section",t+"-list")),o=(i&&(this._map.on("click",this.collapse,this),S(e,{mouseenter:this._expandSafely,mouseleave:this.collapse},this)),this._layersLink=P("a",t+"-toggle",e));o.href="#",o.title="Layers",o.setAttribute("role","button"),S(o,{keydown:function(t){13===t.keyCode&&this._expandSafely()},click:function(t){O(t),this._expandSafely()}},this),i||this.expand(),this._baseLayersList=P("div",t+"-base",n),this._separator=P("div",t+"-separator",n),this._overlaysList=P("div",t+"-overlays",n),e.appendChild(n)},_getLayer:function(t){for(var e=0;e<this._layers.length;e++)if(this._layers[e]&&h(this._layers[e].layer)===t)return this._layers[e]},_addLayer:function(t,e,i){this._map&&t.on("add remove",this._onLayerChange,this),this._layers.push({layer:t,name:e,overlay:i}),this.options.sortLayers&&this._layers.sort(a(function(t,e){return this.options.sortFunction(t.layer,e.layer,t.name,e.name)},this)),this.options.autoZIndex&&t.setZIndex&&(this._lastZIndex++,t.setZIndex(this._lastZIndex)),this._expandIfNotCollapsed()},_update:function(){if(this._container){me(this._baseLayersList),me(this._overlaysList),this._layerControlInputs=[];for(var t,e,i,n=0,o=0;o<this._layers.length;o++)i=this._layers[o],this._addItem(i),e=e||i.overlay,t=t||!i.overlay,n+=i.overlay?0:1;this.options.hideSingleBase&&(this._baseLayersList.style.display=(t=t&&1<n)?"":"none"),this._separator.style.display=e&&t?"":"none"}return this},_onLayerChange:function(t){this._handlingClick||this._update();var e=this._getLayer(h(t.target)),t=e.overlay?"add"===t.type?"overlayadd":"overlayremove":"add"===t.type?"baselayerchange":null;t&&this._map.fire(t,e)},_createRadioElement:function(t,e){t='<input type="radio" class="leaflet-control-layers-selector" name="'+t+'"'+(e?' checked="checked"':"")+"/>",e=document.createElement("div");return e.innerHTML=t,e.firstChild},_addItem:function(t){var e,i=document.createElement("label"),n=this._map.hasLayer(t.layer),n=(t.overlay?((e=document.createElement("input")).type="checkbox",e.className="leaflet-control-layers-selector",e.defaultChecked=n):e=this._createRadioElement("leaflet-base-layers_"+h(this),n),this._layerControlInputs.push(e),e.layerId=h(t.layer),S(e,"click",this._onInputClick,this),document.createElement("span")),o=(n.innerHTML=" "+t.name,document.createElement("span"));return i.appendChild(o),o.appendChild(e),o.appendChild(n),(t.overlay?this._overlaysList:this._baseLayersList).appendChild(i),this._checkDisabledLayers(),i},_onInputClick:function(){if(!this._preventClick){var t,e,i=this._layerControlInputs,n=[],o=[];this._handlingClick=!0;for(var s=i.length-1;0<=s;s--)t=i[s],e=this._getLayer(t.layerId).layer,t.checked?n.push(e):t.checked||o.push(e);for(s=0;s<o.length;s++)this._map.hasLayer(o[s])&&this._map.removeLayer(o[s]);for(s=0;s<n.length;s++)this._map.hasLayer(n[s])||this._map.addLayer(n[s]);this._handlingClick=!1,this._refocusOnMap()}},_checkDisabledLayers:function(){for(var t,e,i=this._layerControlInputs,n=this._map.getZoom(),o=i.length-1;0<=o;o--)t=i[o],e=this._getLayer(t.layerId).layer,t.disabled=void 0!==e.options.minZoom&&n<e.options.minZoom||void 0!==e.options.maxZoom&&n>e.options.maxZoom},_expandIfNotCollapsed:function(){return this._map&&!this.options.collapsed&&this.expand(),this},_expandSafely:function(){var t=this._section,e=(this._preventClick=!0,S(t,"click",O),this.expand(),this);setTimeout(function(){k(t,"click",O),e._preventClick=!1})}})),qe=B.extend({options:{position:"topleft",zoomInText:'<span aria-hidden="true">+</span>',zoomInTitle:"Zoom in",zoomOutText:'<span aria-hidden="true">&#x2212;</span>',zoomOutTitle:"Zoom out"},onAdd:function(t){var e="leaflet-control-zoom",i=P("div",e+" leaflet-bar"),n=this.options;return this._zoomInButton=this._createButton(n.zoomInText,n.zoomInTitle,e+"-in",i,this._zoomIn),this._zoomOutButton=this._createButton(n.zoomOutText,n.zoomOutTitle,e+"-out",i,this._zoomOut),this._updateDisabled(),t.on("zoomend zoomlevelschange",this._updateDisabled,this),i},onRemove:function(t){t.off("zoomend zoomlevelschange",this._updateDisabled,this)},disable:function(){return this._disabled=!0,this._updateDisabled(),this},enable:function(){return this._disabled=!1,this._updateDisabled(),this},_zoomIn:function(t){!this._disabled&&this._map._zoom<this._map.getMaxZoom()&&this._map.zoomIn(this._map.options.zoomDelta*(t.shiftKey?3:1))},_zoomOut:function(t){!this._disabled&&this._map._zoom>this._map.getMinZoom()&&this._map.zoomOut(this._map.options.zoomDelta*(t.shiftKey?3:1))},_createButton:function(t,e,i,n,o){i=P("a",i,n);return i.innerHTML=t,i.href="#",i.title=e,i.setAttribute("role","button"),i.setAttribute("aria-label",e),Ie(i),S(i,"click",Re),S(i,"click",o,this),S(i,"click",this._refocusOnMap,this),i},_updateDisabled:function(){var t=this._map,e="leaflet-disabled";z(this._zoomInButton,e),z(this._zoomOutButton,e),this._zoomInButton.setAttribute("aria-disabled","false"),this._zoomOutButton.setAttribute("aria-disabled","false"),!this._disabled&&t._zoom!==t.getMinZoom()||(M(this._zoomOutButton,e),this._zoomOutButton.setAttribute("aria-disabled","true")),!this._disabled&&t._zoom!==t.getMaxZoom()||(M(this._zoomInButton,e),this._zoomInButton.setAttribute("aria-disabled","true"))}}),Ge=(A.mergeOptions({zoomControl:!0}),A.addInitHook(function(){this.options.zoomControl&&(this.zoomControl=new qe,this.addControl(this.zoomControl))}),B.extend({options:{position:"bottomleft",maxWidth:100,metric:!0,imperial:!0},onAdd:function(t){var e="leaflet-control-scale",i=P("div",e),n=this.options;return this._addScales(n,e+"-line",i),t.on(n.updateWhenIdle?"moveend":"move",this._update,this),t.whenReady(this._update,this),i},onRemove:function(t){t.off(this.options.updateWhenIdle?"moveend":"move",this._update,this)},_addScales:function(t,e,i){t.metric&&(this._mScale=P("div",e,i)),t.imperial&&(this._iScale=P("div",e,i))},_update:function(){var t=this._map,e=t.getSize().y/2,t=t.distance(t.containerPointToLatLng([0,e]),t.containerPointToLatLng([this.options.maxWidth,e]));this._updateScales(t)},_updateScales:function(t){this.options.metric&&t&&this._updateMetric(t),this.options.imperial&&t&&this._updateImperial(t)},_updateMetric:function(t){var e=this._getRoundNum(t);this._updateScale(this._mScale,e<1e3?e+" m":e/1e3+" km",e/t)},_updateImperial:function(t){var e,i,t=3.2808399*t;5280<t?(i=this._getRoundNum(e=t/5280),this._updateScale(this._iScale,i+" mi",i/e)):(i=this._getRoundNum(t),this._updateScale(this._iScale,i+" ft",i/t))},_updateScale:function(t,e,i){t.style.width=Math.round(this.options.maxWidth*i)+"px",t.innerHTML=e},_getRoundNum:function(t){var e=Math.pow(10,(Math.floor(t)+"").length-1),t=t/e;return e*(t=10<=t?10:5<=t?5:3<=t?3:2<=t?2:1)}})),Ke=B.extend({options:{position:"bottomright",prefix:'<a href="https://leafletjs.com" title="A JavaScript library for interactive maps">'+(b.inlineSvg?'<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" class="leaflet-attribution-flag"><path fill="#4C7BE1" d="M0 0h12v4H0z"/><path fill="#FFD500" d="M0 4h12v3H0z"/><path fill="#E0BC00" d="M0 7h12v1H0z"/></svg> ':"")+"Leaflet</a>"},initialize:function(t){c(this,t),this._attributions={}},onAdd:function(t){for(var e in(t.attributionControl=this)._container=P("div","leaflet-control-attribution"),Ie(this._container),t._layers)t._layers[e].getAttribution&&this.addAttribution(t._layers[e].getAttribution());return this._update(),t.on("layeradd",this._addAttribution,this),this._container},onRemove:function(t){t.off("layeradd",this._addAttribution,this)},_addAttribution:function(t){t.layer.getAttribution&&(this.addAttribution(t.layer.getAttribution()),t.layer.once("remove",function(){this.removeAttribution(t.layer.getAttribution())},this))},setPrefix:function(t){return this.options.prefix=t,this._update(),this},addAttribution:function(t){return t&&(this._attributions[t]||(this._attributions[t]=0),this._attributions[t]++,this._update()),this},removeAttribution:function(t){return t&&this._attributions[t]&&(this._attributions[t]--,this._update()),this},_update:function(){if(this._map){var t,e=[];for(t in this._attributions)this._attributions[t]&&e.push(t);var i=[];this.options.prefix&&i.push(this.options.prefix),e.length&&i.push(e.join(", ")),this._container.innerHTML=i.join(' <span aria-hidden="true">|</span> ')}}}),n=(A.mergeOptions({attributionControl:!0}),A.addInitHook(function(){this.options.attributionControl&&(new Ke).addTo(this)}),B.Layers=Ve,B.Zoom=qe,B.Scale=Ge,B.Attribution=Ke,Ue.layers=function(t,e,i){return new Ve(t,e,i)},Ue.zoom=function(t){return new qe(t)},Ue.scale=function(t){return new Ge(t)},Ue.attribution=function(t){return new Ke(t)},et.extend({initialize:function(t){this._map=t},enable:function(){return this._enabled||(this._enabled=!0,this.addHooks()),this},disable:function(){return this._enabled&&(this._enabled=!1,this.removeHooks()),this},enabled:function(){return!!this._enabled}})),ft=(n.addTo=function(t,e){return t.addHandler(e,this),this},{Events:e}),Ye=b.touch?"touchstart mousedown":"mousedown",Xe=it.extend({options:{clickTolerance:3},initialize:function(t,e,i,n){c(this,n),this._element=t,this._dragStartTarget=e||t,this._preventOutline=i},enable:function(){this._enabled||(S(this._dragStartTarget,Ye,this._onDown,this),this._enabled=!0)},disable:function(){this._enabled&&(Xe._dragging===this&&this.finishDrag(!0),k(this._dragStartTarget,Ye,this._onDown,this),this._enabled=!1,this._moved=!1)},_onDown:function(t){var e,i;this._enabled&&(this._moved=!1,ve(this._element,"leaflet-zoom-anim")||(t.touches&&1!==t.touches.length?Xe._dragging===this&&this.finishDrag():Xe._dragging||t.shiftKey||1!==t.which&&1!==t.button&&!t.touches||((Xe._dragging=this)._preventOutline&&Me(this._element),Le(),re(),this._moving||(this.fire("down"),i=t.touches?t.touches[0]:t,e=Ce(this._element),this._startPoint=new p(i.clientX,i.clientY),this._startPos=Pe(this._element),this._parentScale=Ze(e),i="mousedown"===t.type,S(document,i?"mousemove":"touchmove",this._onMove,this),S(document,i?"mouseup":"touchend touchcancel",this._onUp,this)))))},_onMove:function(t){var e;this._enabled&&(t.touches&&1<t.touches.length?this._moved=!0:!(e=new p((e=t.touches&&1===t.touches.length?t.touches[0]:t).clientX,e.clientY)._subtract(this._startPoint)).x&&!e.y||Math.abs(e.x)+Math.abs(e.y)<this.options.clickTolerance||(e.x/=this._parentScale.x,e.y/=this._parentScale.y,O(t),this._moved||(this.fire("dragstart"),this._moved=!0,M(document.body,"leaflet-dragging"),this._lastTarget=t.target||t.srcElement,window.SVGElementInstance&&this._lastTarget instanceof window.SVGElementInstance&&(this._lastTarget=this._lastTarget.correspondingUseElement),M(this._lastTarget,"leaflet-drag-target")),this._newPos=this._startPos.add(e),this._moving=!0,this._lastEvent=t,this._updatePosition()))},_updatePosition:function(){var t={originalEvent:this._lastEvent};this.fire("predrag",t),Z(this._element,this._newPos),this.fire("drag",t)},_onUp:function(){this._enabled&&this.finishDrag()},finishDrag:function(t){z(document.body,"leaflet-dragging"),this._lastTarget&&(z(this._lastTarget,"leaflet-drag-target"),this._lastTarget=null),k(document,"mousemove touchmove",this._onMove,this),k(document,"mouseup touchend touchcancel",this._onUp,this),Te(),ae();var e=this._moved&&this._moving;this._moving=!1,Xe._dragging=!1,e&&this.fire("dragend",{noInertia:t,distance:this._newPos.distanceTo(this._startPos)})}});function Je(t,e,i){for(var n,o,s,r,a,h,l,u=[1,4,2,8],c=0,d=t.length;c<d;c++)t[c]._code=si(t[c],e);for(s=0;s<4;s++){for(h=u[s],n=[],c=0,o=(d=t.length)-1;c<d;o=c++)r=t[c],a=t[o],r._code&h?a._code&h||((l=oi(a,r,h,e,i))._code=si(l,e),n.push(l)):(a._code&h&&((l=oi(a,r,h,e,i))._code=si(l,e),n.push(l)),n.push(r));t=n}return t}function $e(t,e){var i,n,o,s,r,a,h;if(!t||0===t.length)throw new Error("latlngs not passed");I(t)||(console.warn("latlngs are not flat! Only the first ring will be used"),t=t[0]);for(var l=w([0,0]),u=g(t),c=(u.getNorthWest().distanceTo(u.getSouthWest())*u.getNorthEast().distanceTo(u.getNorthWest())<1700&&(l=Qe(t)),t.length),d=[],_=0;_<c;_++){var p=w(t[_]);d.push(e.project(w([p.lat-l.lat,p.lng-l.lng])))}for(_=r=a=h=0,i=c-1;_<c;i=_++)n=d[_],o=d[i],s=n.y*o.x-o.y*n.x,a+=(n.x+o.x)*s,h+=(n.y+o.y)*s,r+=3*s;u=0===r?d[0]:[a/r,h/r],u=e.unproject(m(u));return w([u.lat+l.lat,u.lng+l.lng])}function Qe(t){for(var e=0,i=0,n=0,o=0;o<t.length;o++){var s=w(t[o]);e+=s.lat,i+=s.lng,n++}return w([e/n,i/n])}var ti,gt={__proto__:null,clipPolygon:Je,polygonCenter:$e,centroid:Qe};function ei(t,e){if(e&&t.length){var i=t=function(t,e){for(var i=[t[0]],n=1,o=0,s=t.length;n<s;n++)(function(t,e){var i=e.x-t.x,e=e.y-t.y;return i*i+e*e})(t[n],t[o])>e&&(i.push(t[n]),o=n);o<s-1&&i.push(t[s-1]);return i}(t,e=e*e),n=i.length,o=new(typeof Uint8Array!=void 0+""?Uint8Array:Array)(n);o[0]=o[n-1]=1,function t(e,i,n,o,s){var r,a,h,l=0;for(a=o+1;a<=s-1;a++)h=ri(e[a],e[o],e[s],!0),l<h&&(r=a,l=h);n<l&&(i[r]=1,t(e,i,n,o,r),t(e,i,n,r,s))}(i,o,e,0,n-1);var s,r=[];for(s=0;s<n;s++)o[s]&&r.push(i[s]);return r}return t.slice()}function ii(t,e,i){return Math.sqrt(ri(t,e,i,!0))}function ni(t,e,i,n,o){var s,r,a,h=n?ti:si(t,i),l=si(e,i);for(ti=l;;){if(!(h|l))return[t,e];if(h&l)return!1;a=si(r=oi(t,e,s=h||l,i,o),i),s===h?(t=r,h=a):(e=r,l=a)}}function oi(t,e,i,n,o){var s,r,a=e.x-t.x,e=e.y-t.y,h=n.min,n=n.max;return 8&i?(s=t.x+a*(n.y-t.y)/e,r=n.y):4&i?(s=t.x+a*(h.y-t.y)/e,r=h.y):2&i?(s=n.x,r=t.y+e*(n.x-t.x)/a):1&i&&(s=h.x,r=t.y+e*(h.x-t.x)/a),new p(s,r,o)}function si(t,e){var i=0;return t.x<e.min.x?i|=1:t.x>e.max.x&&(i|=2),t.y<e.min.y?i|=4:t.y>e.max.y&&(i|=8),i}function ri(t,e,i,n){var o=e.x,e=e.y,s=i.x-o,r=i.y-e,a=s*s+r*r;return 0<a&&(1<(a=((t.x-o)*s+(t.y-e)*r)/a)?(o=i.x,e=i.y):0<a&&(o+=s*a,e+=r*a)),s=t.x-o,r=t.y-e,n?s*s+r*r:new p(o,e)}function I(t){return!d(t[0])||"object"!=typeof t[0][0]&&void 0!==t[0][0]}function ai(t){return console.warn("Deprecated use of _flat, please use L.LineUtil.isFlat instead."),I(t)}function hi(t,e){var i,n,o,s,r,a;if(!t||0===t.length)throw new Error("latlngs not passed");I(t)||(console.warn("latlngs are not flat! Only the first ring will be used"),t=t[0]);for(var h=w([0,0]),l=g(t),u=(l.getNorthWest().distanceTo(l.getSouthWest())*l.getNorthEast().distanceTo(l.getNorthWest())<1700&&(h=Qe(t)),t.length),c=[],d=0;d<u;d++){var _=w(t[d]);c.push(e.project(w([_.lat-h.lat,_.lng-h.lng])))}for(i=d=0;d<u-1;d++)i+=c[d].distanceTo(c[d+1])/2;if(0===i)a=c[0];else for(n=d=0;d<u-1;d++)if(o=c[d],s=c[d+1],i<(n+=r=o.distanceTo(s))){a=[s.x-(r=(n-i)/r)*(s.x-o.x),s.y-r*(s.y-o.y)];break}l=e.unproject(m(a));return w([l.lat+h.lat,l.lng+h.lng])}var vt={__proto__:null,simplify:ei,pointToSegmentDistance:ii,closestPointOnSegment:function(t,e,i){return ri(t,e,i)},clipSegment:ni,_getEdgeIntersection:oi,_getBitCode:si,_sqClosestPointOnSegment:ri,isFlat:I,_flat:ai,polylineCenter:hi},yt={project:function(t){return new p(t.lng,t.lat)},unproject:function(t){return new v(t.y,t.x)},bounds:new f([-180,-90],[180,90])},xt={R:6378137,R_MINOR:6356752.314245179,bounds:new f([-20037508.34279,-15496570.73972],[20037508.34279,18764656.23138]),project:function(t){var e=Math.PI/180,i=this.R,n=t.lat*e,o=this.R_MINOR/i,o=Math.sqrt(1-o*o),s=o*Math.sin(n),s=Math.tan(Math.PI/4-n/2)/Math.pow((1-s)/(1+s),o/2),n=-i*Math.log(Math.max(s,1e-10));return new p(t.lng*e*i,n)},unproject:function(t){for(var e,i=180/Math.PI,n=this.R,o=this.R_MINOR/n,s=Math.sqrt(1-o*o),r=Math.exp(-t.y/n),a=Math.PI/2-2*Math.atan(r),h=0,l=.1;h<15&&1e-7<Math.abs(l);h++)e=s*Math.sin(a),e=Math.pow((1-e)/(1+e),s/2),a+=l=Math.PI/2-2*Math.atan(r*e)-a;return new v(a*i,t.x*i/n)}},wt={__proto__:null,LonLat:yt,Mercator:xt,SphericalMercator:rt},Pt=l({},st,{code:"EPSG:3395",projection:xt,transformation:ht(bt=.5/(Math.PI*xt.R),.5,-bt,.5)}),li=l({},st,{code:"EPSG:4326",projection:yt,transformation:ht(1/180,1,-1/180,.5)}),Lt=l({},ot,{projection:yt,transformation:ht(1,0,-1,0),scale:function(t){return Math.pow(2,t)},zoom:function(t){return Math.log(t)/Math.LN2},distance:function(t,e){var i=e.lng-t.lng,e=e.lat-t.lat;return Math.sqrt(i*i+e*e)},infinite:!0}),o=(ot.Earth=st,ot.EPSG3395=Pt,ot.EPSG3857=lt,ot.EPSG900913=ut,ot.EPSG4326=li,ot.Simple=Lt,it.extend({options:{pane:"overlayPane",attribution:null,bubblingMouseEvents:!0},addTo:function(t){return t.addLayer(this),this},remove:function(){return this.removeFrom(this._map||this._mapToAdd)},removeFrom:function(t){return t&&t.removeLayer(this),this},getPane:function(t){return this._map.getPane(t?this.options[t]||t:this.options.pane)},addInteractiveTarget:function(t){return this._map._targets[h(t)]=this},removeInteractiveTarget:function(t){return delete this._map._targets[h(t)],this},getAttribution:function(){return this.options.attribution},_layerAdd:function(t){var e,i=t.target;i.hasLayer(this)&&(this._map=i,this._zoomAnimated=i._zoomAnimated,this.getEvents&&(e=this.getEvents(),i.on(e,this),this.once("remove",function(){i.off(e,this)},this)),this.onAdd(i),this.fire("add"),i.fire("layeradd",{layer:this}))}})),ui=(A.include({addLayer:function(t){var e;if(t._layerAdd)return e=h(t),this._layers[e]||((this._layers[e]=t)._mapToAdd=this,t.beforeAdd&&t.beforeAdd(this),this.whenReady(t._layerAdd,t)),this;throw new Error("The provided object is not a Layer.")},removeLayer:function(t){var e=h(t);return this._layers[e]&&(this._loaded&&t.onRemove(this),delete this._layers[e],this._loaded&&(this.fire("layerremove",{layer:t}),t.fire("remove")),t._map=t._mapToAdd=null),this},hasLayer:function(t){return h(t)in this._layers},eachLayer:function(t,e){for(var i in this._layers)t.call(e,this._layers[i]);return this},_addLayers:function(t){for(var e=0,i=(t=t?d(t)?t:[t]:[]).length;e<i;e++)this.addLayer(t[e])},_addZoomLimit:function(t){isNaN(t.options.maxZoom)&&isNaN(t.options.minZoom)||(this._zoomBoundLayers[h(t)]=t,this._updateZoomLevels())},_removeZoomLimit:function(t){t=h(t);this._zoomBoundLayers[t]&&(delete this._zoomBoundLayers[t],this._updateZoomLevels())},_updateZoomLevels:function(){var t,e=1/0,i=-1/0,n=this._getZoomSpan();for(t in this._zoomBoundLayers)var o=this._zoomBoundLayers[t].options,e=void 0===o.minZoom?e:Math.min(e,o.minZoom),i=void 0===o.maxZoom?i:Math.max(i,o.maxZoom);this._layersMaxZoom=i===-1/0?void 0:i,this._layersMinZoom=e===1/0?void 0:e,n!==this._getZoomSpan()&&this.fire("zoomlevelschange"),void 0===this.options.maxZoom&&this._layersMaxZoom&&this.getZoom()>this._layersMaxZoom&&this.setZoom(this._layersMaxZoom),void 0===this.options.minZoom&&this._layersMinZoom&&this.getZoom()<this._layersMinZoom&&this.setZoom(this._layersMinZoom)}}),o.extend({initialize:function(t,e){var i,n;if(c(this,e),this._layers={},t)for(i=0,n=t.length;i<n;i++)this.addLayer(t[i])},addLayer:function(t){var e=this.getLayerId(t);return this._layers[e]=t,this._map&&this._map.addLayer(t),this},removeLayer:function(t){t=t in this._layers?t:this.getLayerId(t);return this._map&&this._layers[t]&&this._map.removeLayer(this._layers[t]),delete this._layers[t],this},hasLayer:function(t){return("number"==typeof t?t:this.getLayerId(t))in this._layers},clearLayers:function(){return this.eachLayer(this.removeLayer,this)},invoke:function(t){var e,i,n=Array.prototype.slice.call(arguments,1);for(e in this._layers)(i=this._layers[e])[t]&&i[t].apply(i,n);return this},onAdd:function(t){this.eachLayer(t.addLayer,t)},onRemove:function(t){this.eachLayer(t.removeLayer,t)},eachLayer:function(t,e){for(var i in this._layers)t.call(e,this._layers[i]);return this},getLayer:function(t){return this._layers[t]},getLayers:function(){var t=[];return this.eachLayer(t.push,t),t},setZIndex:function(t){return this.invoke("setZIndex",t)},getLayerId:h})),ci=ui.extend({addLayer:function(t){return this.hasLayer(t)?this:(t.addEventParent(this),ui.prototype.addLayer.call(this,t),this.fire("layeradd",{layer:t}))},removeLayer:function(t){return this.hasLayer(t)?((t=t in this._layers?this._layers[t]:t).removeEventParent(this),ui.prototype.removeLayer.call(this,t),this.fire("layerremove",{layer:t})):this},setStyle:function(t){return this.invoke("setStyle",t)},bringToFront:function(){return this.invoke("bringToFront")},bringToBack:function(){return this.invoke("bringToBack")},getBounds:function(){var t,e=new s;for(t in this._layers){var i=this._layers[t];e.extend(i.getBounds?i.getBounds():i.getLatLng())}return e}}),di=et.extend({options:{popupAnchor:[0,0],tooltipAnchor:[0,0],crossOrigin:!1},initialize:function(t){c(this,t)},createIcon:function(t){return this._createIcon("icon",t)},createShadow:function(t){return this._createIcon("shadow",t)},_createIcon:function(t,e){var i=this._getIconUrl(t);if(i)return i=this._createImg(i,e&&"IMG"===e.tagName?e:null),this._setIconStyles(i,t),!this.options.crossOrigin&&""!==this.options.crossOrigin||(i.crossOrigin=!0===this.options.crossOrigin?"":this.options.crossOrigin),i;if("icon"===t)throw new Error("iconUrl not set in Icon options (see the docs).");return null},_setIconStyles:function(t,e){var i=this.options,n=i[e+"Size"],n=m(n="number"==typeof n?[n,n]:n),o=m("shadow"===e&&i.shadowAnchor||i.iconAnchor||n&&n.divideBy(2,!0));t.className="leaflet-marker-"+e+" "+(i.className||""),o&&(t.style.marginLeft=-o.x+"px",t.style.marginTop=-o.y+"px"),n&&(t.style.width=n.x+"px",t.style.height=n.y+"px")},_createImg:function(t,e){return(e=e||document.createElement("img")).src=t,e},_getIconUrl:function(t){return b.retina&&this.options[t+"RetinaUrl"]||this.options[t+"Url"]}});var _i=di.extend({options:{iconUrl:"marker-icon.png",iconRetinaUrl:"marker-icon-2x.png",shadowUrl:"marker-shadow.png",iconSize:[25,41],iconAnchor:[12,41],popupAnchor:[1,-34],tooltipAnchor:[16,-28],shadowSize:[41,41]},_getIconUrl:function(t){return"string"!=typeof _i.imagePath&&(_i.imagePath=this._detectIconPath()),(this.options.imagePath||_i.imagePath)+di.prototype._getIconUrl.call(this,t)},_stripUrl:function(t){function e(t,e,i){return(e=e.exec(t))&&e[i]}return(t=e(t,/^url\((['"])?(.+)\1\)$/,2))&&e(t,/^(.*)marker-icon\.png$/,1)},_detectIconPath:function(){var t=P("div","leaflet-default-icon-path",document.body),e=pe(t,"background-image")||pe(t,"backgroundImage");return document.body.removeChild(t),(e=this._stripUrl(e))?e:(t=document.querySelector('link[href$="leaflet.css"]'))?t.href.substring(0,t.href.length-"leaflet.css".length-1):""}}),pi=n.extend({initialize:function(t){this._marker=t},addHooks:function(){var t=this._marker._icon;this._draggable||(this._draggable=new Xe(t,t,!0)),this._draggable.on({dragstart:this._onDragStart,predrag:this._onPreDrag,drag:this._onDrag,dragend:this._onDragEnd},this).enable(),M(t,"leaflet-marker-draggable")},removeHooks:function(){this._draggable.off({dragstart:this._onDragStart,predrag:this._onPreDrag,drag:this._onDrag,dragend:this._onDragEnd},this).disable(),this._marker._icon&&z(this._marker._icon,"leaflet-marker-draggable")},moved:function(){return this._draggable&&this._draggable._moved},_adjustPan:function(t){var e=this._marker,i=e._map,n=this._marker.options.autoPanSpeed,o=this._marker.options.autoPanPadding,s=Pe(e._icon),r=i.getPixelBounds(),a=i.getPixelOrigin(),a=_(r.min._subtract(a).add(o),r.max._subtract(a).subtract(o));a.contains(s)||(o=m((Math.max(a.max.x,s.x)-a.max.x)/(r.max.x-a.max.x)-(Math.min(a.min.x,s.x)-a.min.x)/(r.min.x-a.min.x),(Math.max(a.max.y,s.y)-a.max.y)/(r.max.y-a.max.y)-(Math.min(a.min.y,s.y)-a.min.y)/(r.min.y-a.min.y)).multiplyBy(n),i.panBy(o,{animate:!1}),this._draggable._newPos._add(o),this._draggable._startPos._add(o),Z(e._icon,this._draggable._newPos),this._onDrag(t),this._panRequest=x(this._adjustPan.bind(this,t)))},_onDragStart:function(){this._oldLatLng=this._marker.getLatLng(),this._marker.closePopup&&this._marker.closePopup(),this._marker.fire("movestart").fire("dragstart")},_onPreDrag:function(t){this._marker.options.autoPan&&(r(this._panRequest),this._panRequest=x(this._adjustPan.bind(this,t)))},_onDrag:function(t){var e=this._marker,i=e._shadow,n=Pe(e._icon),o=e._map.layerPointToLatLng(n);i&&Z(i,n),e._latlng=o,t.latlng=o,t.oldLatLng=this._oldLatLng,e.fire("move",t).fire("drag",t)},_onDragEnd:function(t){r(this._panRequest),delete this._oldLatLng,this._marker.fire("moveend").fire("dragend",t)}}),mi=o.extend({options:{icon:new _i,interactive:!0,keyboard:!0,title:"",alt:"Marker",zIndexOffset:0,opacity:1,riseOnHover:!1,riseOffset:250,pane:"markerPane",shadowPane:"shadowPane",bubblingMouseEvents:!1,autoPanOnFocus:!0,draggable:!1,autoPan:!1,autoPanPadding:[50,50],autoPanSpeed:10},initialize:function(t,e){c(this,e),this._latlng=w(t)},onAdd:function(t){this._zoomAnimated=this._zoomAnimated&&t.options.markerZoomAnimation,this._zoomAnimated&&t.on("zoomanim",this._animateZoom,this),this._initIcon(),this.update()},onRemove:function(t){this.dragging&&this.dragging.enabled()&&(this.options.draggable=!0,this.dragging.removeHooks()),delete this.dragging,this._zoomAnimated&&t.off("zoomanim",this._animateZoom,this),this._removeIcon(),this._removeShadow()},getEvents:function(){return{zoom:this.update,viewreset:this.update}},getLatLng:function(){return this._latlng},setLatLng:function(t){var e=this._latlng;return this._latlng=w(t),this.update(),this.fire("move",{oldLatLng:e,latlng:this._latlng})},setZIndexOffset:function(t){return this.options.zIndexOffset=t,this.update()},getIcon:function(){return this.options.icon},setIcon:function(t){return this.options.icon=t,this._map&&(this._initIcon(),this.update()),this._popup&&this.bindPopup(this._popup,this._popup.options),this},getElement:function(){return this._icon},update:function(){var t;return this._icon&&this._map&&(t=this._map.latLngToLayerPoint(this._latlng).round(),this._setPos(t)),this},_initIcon:function(){var t=this.options,e="leaflet-zoom-"+(this._zoomAnimated?"animated":"hide"),i=t.icon.createIcon(this._icon),n=!1,i=(i!==this._icon&&(this._icon&&this._removeIcon(),n=!0,t.title&&(i.title=t.title),"IMG"===i.tagName&&(i.alt=t.alt||"")),M(i,e),t.keyboard&&(i.tabIndex="0",i.setAttribute("role","button")),this._icon=i,t.riseOnHover&&this.on({mouseover:this._bringToFront,mouseout:this._resetZIndex}),this.options.autoPanOnFocus&&S(i,"focus",this._panOnFocus,this),t.icon.createShadow(this._shadow)),o=!1;i!==this._shadow&&(this._removeShadow(),o=!0),i&&(M(i,e),i.alt=""),this._shadow=i,t.opacity<1&&this._updateOpacity(),n&&this.getPane().appendChild(this._icon),this._initInteraction(),i&&o&&this.getPane(t.shadowPane).appendChild(this._shadow)},_removeIcon:function(){this.options.riseOnHover&&this.off({mouseover:this._bringToFront,mouseout:this._resetZIndex}),this.options.autoPanOnFocus&&k(this._icon,"focus",this._panOnFocus,this),T(this._icon),this.removeInteractiveTarget(this._icon),this._icon=null},_removeShadow:function(){this._shadow&&T(this._shadow),this._shadow=null},_setPos:function(t){this._icon&&Z(this._icon,t),this._shadow&&Z(this._shadow,t),this._zIndex=t.y+this.options.zIndexOffset,this._resetZIndex()},_updateZIndex:function(t){this._icon&&(this._icon.style.zIndex=this._zIndex+t)},_animateZoom:function(t){t=this._map._latLngToNewLayerPoint(this._latlng,t.zoom,t.center).round();this._setPos(t)},_initInteraction:function(){var t;this.options.interactive&&(M(this._icon,"leaflet-interactive"),this.addInteractiveTarget(this._icon),pi&&(t=this.options.draggable,this.dragging&&(t=this.dragging.enabled(),this.dragging.disable()),this.dragging=new pi(this),t&&this.dragging.enable()))},setOpacity:function(t){return this.options.opacity=t,this._map&&this._updateOpacity(),this},_updateOpacity:function(){var t=this.options.opacity;this._icon&&C(this._icon,t),this._shadow&&C(this._shadow,t)},_bringToFront:function(){this._updateZIndex(this.options.riseOffset)},_resetZIndex:function(){this._updateZIndex(0)},_panOnFocus:function(){var t,e,i=this._map;i&&(t=(e=this.options.icon.options).iconSize?m(e.iconSize):m(0,0),e=e.iconAnchor?m(e.iconAnchor):m(0,0),i.panInside(this._latlng,{paddingTopLeft:e,paddingBottomRight:t.subtract(e)}))},_getPopupAnchor:function(){return this.options.icon.options.popupAnchor},_getTooltipAnchor:function(){return this.options.icon.options.tooltipAnchor}});var fi=o.extend({options:{stroke:!0,color:"#3388ff",weight:3,opacity:1,lineCap:"round",lineJoin:"round",dashArray:null,dashOffset:null,fill:!1,fillColor:null,fillOpacity:.2,fillRule:"evenodd",interactive:!0,bubblingMouseEvents:!0},beforeAdd:function(t){this._renderer=t.getRenderer(this)},onAdd:function(){this._renderer._initPath(this),this._reset(),this._renderer._addPath(this)},onRemove:function(){this._renderer._removePath(this)},redraw:function(){return this._map&&this._renderer._updatePath(this),this},setStyle:function(t){return c(this,t),this._renderer&&(this._renderer._updateStyle(this),this.options.stroke&&t&&Object.prototype.hasOwnProperty.call(t,"weight")&&this._updateBounds()),this},bringToFront:function(){return this._renderer&&this._renderer._bringToFront(this),this},bringToBack:function(){return this._renderer&&this._renderer._bringToBack(this),this},getElement:function(){return this._path},_reset:function(){this._project(),this._update()},_clickTolerance:function(){return(this.options.stroke?this.options.weight/2:0)+(this._renderer.options.tolerance||0)}}),gi=fi.extend({options:{fill:!0,radius:10},initialize:function(t,e){c(this,e),this._latlng=w(t),this._radius=this.options.radius},setLatLng:function(t){var e=this._latlng;return this._latlng=w(t),this.redraw(),this.fire("move",{oldLatLng:e,latlng:this._latlng})},getLatLng:function(){return this._latlng},setRadius:function(t){return this.options.radius=this._radius=t,this.redraw()},getRadius:function(){return this._radius},setStyle:function(t){var e=t&&t.radius||this._radius;return fi.prototype.setStyle.call(this,t),this.setRadius(e),this},_project:function(){this._point=this._map.latLngToLayerPoint(this._latlng),this._updateBounds()},_updateBounds:function(){var t=this._radius,e=this._radiusY||t,i=this._clickTolerance(),t=[t+i,e+i];this._pxBounds=new f(this._point.subtract(t),this._point.add(t))},_update:function(){this._map&&this._updatePath()},_updatePath:function(){this._renderer._updateCircle(this)},_empty:function(){return this._radius&&!this._renderer._bounds.intersects(this._pxBounds)},_containsPoint:function(t){return t.distanceTo(this._point)<=this._radius+this._clickTolerance()}});var vi=gi.extend({initialize:function(t,e,i){if(c(this,e="number"==typeof e?l({},i,{radius:e}):e),this._latlng=w(t),isNaN(this.options.radius))throw new Error("Circle radius cannot be NaN");this._mRadius=this.options.radius},setRadius:function(t){return this._mRadius=t,this.redraw()},getRadius:function(){return this._mRadius},getBounds:function(){var t=[this._radius,this._radiusY||this._radius];return new s(this._map.layerPointToLatLng(this._point.subtract(t)),this._map.layerPointToLatLng(this._point.add(t)))},setStyle:fi.prototype.setStyle,_project:function(){var t,e,i,n,o,s=this._latlng.lng,r=this._latlng.lat,a=this._map,h=a.options.crs;h.distance===st.distance?(n=Math.PI/180,o=this._mRadius/st.R/n,t=a.project([r+o,s]),e=a.project([r-o,s]),e=t.add(e).divideBy(2),i=a.unproject(e).lat,n=Math.acos((Math.cos(o*n)-Math.sin(r*n)*Math.sin(i*n))/(Math.cos(r*n)*Math.cos(i*n)))/n,!isNaN(n)&&0!==n||(n=o/Math.cos(Math.PI/180*r)),this._point=e.subtract(a.getPixelOrigin()),this._radius=isNaN(n)?0:e.x-a.project([i,s-n]).x,this._radiusY=e.y-t.y):(o=h.unproject(h.project(this._latlng).subtract([this._mRadius,0])),this._point=a.latLngToLayerPoint(this._latlng),this._radius=this._point.x-a.latLngToLayerPoint(o).x),this._updateBounds()}});var yi=fi.extend({options:{smoothFactor:1,noClip:!1},initialize:function(t,e){c(this,e),this._setLatLngs(t)},getLatLngs:function(){return this._latlngs},setLatLngs:function(t){return this._setLatLngs(t),this.redraw()},isEmpty:function(){return!this._latlngs.length},closestLayerPoint:function(t){for(var e=1/0,i=null,n=ri,o=0,s=this._parts.length;o<s;o++)for(var r=this._parts[o],a=1,h=r.length;a<h;a++){var l,u,c=n(t,l=r[a-1],u=r[a],!0);c<e&&(e=c,i=n(t,l,u))}return i&&(i.distance=Math.sqrt(e)),i},getCenter:function(){if(this._map)return hi(this._defaultShape(),this._map.options.crs);throw new Error("Must add layer to map before using getCenter()")},getBounds:function(){return this._bounds},addLatLng:function(t,e){return e=e||this._defaultShape(),t=w(t),e.push(t),this._bounds.extend(t),this.redraw()},_setLatLngs:function(t){this._bounds=new s,this._latlngs=this._convertLatLngs(t)},_defaultShape:function(){return I(this._latlngs)?this._latlngs:this._latlngs[0]},_convertLatLngs:function(t){for(var e=[],i=I(t),n=0,o=t.length;n<o;n++)i?(e[n]=w(t[n]),this._bounds.extend(e[n])):e[n]=this._convertLatLngs(t[n]);return e},_project:function(){var t=new f;this._rings=[],this._projectLatlngs(this._latlngs,this._rings,t),this._bounds.isValid()&&t.isValid()&&(this._rawPxBounds=t,this._updateBounds())},_updateBounds:function(){var t=this._clickTolerance(),t=new p(t,t);this._rawPxBounds&&(this._pxBounds=new f([this._rawPxBounds.min.subtract(t),this._rawPxBounds.max.add(t)]))},_projectLatlngs:function(t,e,i){var n,o,s=t[0]instanceof v,r=t.length;if(s){for(o=[],n=0;n<r;n++)o[n]=this._map.latLngToLayerPoint(t[n]),i.extend(o[n]);e.push(o)}else for(n=0;n<r;n++)this._projectLatlngs(t[n],e,i)},_clipPoints:function(){var t=this._renderer._bounds;if(this._parts=[],this._pxBounds&&this._pxBounds.intersects(t))if(this.options.noClip)this._parts=this._rings;else for(var e,i,n,o,s=this._parts,r=0,a=0,h=this._rings.length;r<h;r++)for(e=0,i=(o=this._rings[r]).length;e<i-1;e++)(n=ni(o[e],o[e+1],t,e,!0))&&(s[a]=s[a]||[],s[a].push(n[0]),n[1]===o[e+1]&&e!==i-2||(s[a].push(n[1]),a++))},_simplifyPoints:function(){for(var t=this._parts,e=this.options.smoothFactor,i=0,n=t.length;i<n;i++)t[i]=ei(t[i],e)},_update:function(){this._map&&(this._clipPoints(),this._simplifyPoints(),this._updatePath())},_updatePath:function(){this._renderer._updatePoly(this)},_containsPoint:function(t,e){var i,n,o,s,r,a,h=this._clickTolerance();if(this._pxBounds&&this._pxBounds.contains(t))for(i=0,s=this._parts.length;i<s;i++)for(n=0,o=(r=(a=this._parts[i]).length)-1;n<r;o=n++)if((e||0!==n)&&ii(t,a[o],a[n])<=h)return!0;return!1}});yi._flat=ai;var xi=yi.extend({options:{fill:!0},isEmpty:function(){return!this._latlngs.length||!this._latlngs[0].length},getCenter:function(){if(this._map)return $e(this._defaultShape(),this._map.options.crs);throw new Error("Must add layer to map before using getCenter()")},_convertLatLngs:function(t){var t=yi.prototype._convertLatLngs.call(this,t),e=t.length;return 2<=e&&t[0]instanceof v&&t[0].equals(t[e-1])&&t.pop(),t},_setLatLngs:function(t){yi.prototype._setLatLngs.call(this,t),I(this._latlngs)&&(this._latlngs=[this._latlngs])},_defaultShape:function(){return(I(this._latlngs[0])?this._latlngs:this._latlngs[0])[0]},_clipPoints:function(){var t=this._renderer._bounds,e=this.options.weight,e=new p(e,e),t=new f(t.min.subtract(e),t.max.add(e));if(this._parts=[],this._pxBounds&&this._pxBounds.intersects(t))if(this.options.noClip)this._parts=this._rings;else for(var i,n=0,o=this._rings.length;n<o;n++)(i=Je(this._rings[n],t,!0)).length&&this._parts.push(i)},_updatePath:function(){this._renderer._updatePoly(this,!0)},_containsPoint:function(t){var e,i,n,o,s,r,a,h,l=!1;if(!this._pxBounds||!this._pxBounds.contains(t))return!1;for(o=0,a=this._parts.length;o<a;o++)for(s=0,r=(h=(e=this._parts[o]).length)-1;s<h;r=s++)i=e[s],n=e[r],i.y>t.y!=n.y>t.y&&t.x<(n.x-i.x)*(t.y-i.y)/(n.y-i.y)+i.x&&(l=!l);return l||yi.prototype._containsPoint.call(this,t,!0)}});var wi=ci.extend({initialize:function(t,e){c(this,e),this._layers={},t&&this.addData(t)},addData:function(t){var e,i,n,o=d(t)?t:t.features;if(o){for(e=0,i=o.length;e<i;e++)((n=o[e]).geometries||n.geometry||n.features||n.coordinates)&&this.addData(n);return this}var s,r=this.options;return(!r.filter||r.filter(t))&&(s=bi(t,r))?(s.feature=Zi(t),s.defaultOptions=s.options,this.resetStyle(s),r.onEachFeature&&r.onEachFeature(t,s),this.addLayer(s)):this},resetStyle:function(t){return void 0===t?this.eachLayer(this.resetStyle,this):(t.options=l({},t.defaultOptions),this._setLayerStyle(t,this.options.style),this)},setStyle:function(e){return this.eachLayer(function(t){this._setLayerStyle(t,e)},this)},_setLayerStyle:function(t,e){t.setStyle&&("function"==typeof e&&(e=e(t.feature)),t.setStyle(e))}});function bi(t,e){var i,n,o,s,r="Feature"===t.type?t.geometry:t,a=r?r.coordinates:null,h=[],l=e&&e.pointToLayer,u=e&&e.coordsToLatLng||Li;if(!a&&!r)return null;switch(r.type){case"Point":return Pi(l,t,i=u(a),e);case"MultiPoint":for(o=0,s=a.length;o<s;o++)i=u(a[o]),h.push(Pi(l,t,i,e));return new ci(h);case"LineString":case"MultiLineString":return n=Ti(a,"LineString"===r.type?0:1,u),new yi(n,e);case"Polygon":case"MultiPolygon":return n=Ti(a,"Polygon"===r.type?1:2,u),new xi(n,e);case"GeometryCollection":for(o=0,s=r.geometries.length;o<s;o++){var c=bi({geometry:r.geometries[o],type:"Feature",properties:t.properties},e);c&&h.push(c)}return new ci(h);case"FeatureCollection":for(o=0,s=r.features.length;o<s;o++){var d=bi(r.features[o],e);d&&h.push(d)}return new ci(h);default:throw new Error("Invalid GeoJSON object.")}}function Pi(t,e,i,n){return t?t(e,i):new mi(i,n&&n.markersInheritOptions&&n)}function Li(t){return new v(t[1],t[0],t[2])}function Ti(t,e,i){for(var n,o=[],s=0,r=t.length;s<r;s++)n=e?Ti(t[s],e-1,i):(i||Li)(t[s]),o.push(n);return o}function Mi(t,e){return void 0!==(t=w(t)).alt?[i(t.lng,e),i(t.lat,e),i(t.alt,e)]:[i(t.lng,e),i(t.lat,e)]}function zi(t,e,i,n){for(var o=[],s=0,r=t.length;s<r;s++)o.push(e?zi(t[s],I(t[s])?0:e-1,i,n):Mi(t[s],n));return!e&&i&&0<o.length&&o.push(o[0].slice()),o}function Ci(t,e){return t.feature?l({},t.feature,{geometry:e}):Zi(e)}function Zi(t){return"Feature"===t.type||"FeatureCollection"===t.type?t:{type:"Feature",properties:{},geometry:t}}Tt={toGeoJSON:function(t){return Ci(this,{type:"Point",coordinates:Mi(this.getLatLng(),t)})}};function Si(t,e){return new wi(t,e)}mi.include(Tt),vi.include(Tt),gi.include(Tt),yi.include({toGeoJSON:function(t){var e=!I(this._latlngs);return Ci(this,{type:(e?"Multi":"")+"LineString",coordinates:zi(this._latlngs,e?1:0,!1,t)})}}),xi.include({toGeoJSON:function(t){var e=!I(this._latlngs),i=e&&!I(this._latlngs[0]),t=zi(this._latlngs,i?2:e?1:0,!0,t);return Ci(this,{type:(i?"Multi":"")+"Polygon",coordinates:t=e?t:[t]})}}),ui.include({toMultiPoint:function(e){var i=[];return this.eachLayer(function(t){i.push(t.toGeoJSON(e).geometry.coordinates)}),Ci(this,{type:"MultiPoint",coordinates:i})},toGeoJSON:function(e){var i,n,t=this.feature&&this.feature.geometry&&this.feature.geometry.type;return"MultiPoint"===t?this.toMultiPoint(e):(i="GeometryCollection"===t,n=[],this.eachLayer(function(t){t.toGeoJSON&&(t=t.toGeoJSON(e),i?n.push(t.geometry):"FeatureCollection"===(t=Zi(t)).type?n.push.apply(n,t.features):n.push(t))}),i?Ci(this,{geometries:n,type:"GeometryCollection"}):{type:"FeatureCollection",features:n})}});var Mt=Si,Ei=o.extend({options:{opacity:1,alt:"",interactive:!1,crossOrigin:!1,errorOverlayUrl:"",zIndex:1,className:""},initialize:function(t,e,i){this._url=t,this._bounds=g(e),c(this,i)},onAdd:function(){this._image||(this._initImage(),this.options.opacity<1&&this._updateOpacity()),this.options.interactive&&(M(this._image,"leaflet-interactive"),this.addInteractiveTarget(this._image)),this.getPane().appendChild(this._image),this._reset()},onRemove:function(){T(this._image),this.options.interactive&&this.removeInteractiveTarget(this._image)},setOpacity:function(t){return this.options.opacity=t,this._image&&this._updateOpacity(),this},setStyle:function(t){return t.opacity&&this.setOpacity(t.opacity),this},bringToFront:function(){return this._map&&fe(this._image),this},bringToBack:function(){return this._map&&ge(this._image),this},setUrl:function(t){return this._url=t,this._image&&(this._image.src=t),this},setBounds:function(t){return this._bounds=g(t),this._map&&this._reset(),this},getEvents:function(){var t={zoom:this._reset,viewreset:this._reset};return this._zoomAnimated&&(t.zoomanim=this._animateZoom),t},setZIndex:function(t){return this.options.zIndex=t,this._updateZIndex(),this},getBounds:function(){return this._bounds},getElement:function(){return this._image},_initImage:function(){var t="IMG"===this._url.tagName,e=this._image=t?this._url:P("img");M(e,"leaflet-image-layer"),this._zoomAnimated&&M(e,"leaflet-zoom-animated"),this.options.className&&M(e,this.options.className),e.onselectstart=u,e.onmousemove=u,e.onload=a(this.fire,this,"load"),e.onerror=a(this._overlayOnError,this,"error"),!this.options.crossOrigin&&""!==this.options.crossOrigin||(e.crossOrigin=!0===this.options.crossOrigin?"":this.options.crossOrigin),this.options.zIndex&&this._updateZIndex(),t?this._url=e.src:(e.src=this._url,e.alt=this.options.alt)},_animateZoom:function(t){var e=this._map.getZoomScale(t.zoom),t=this._map._latLngBoundsToNewLayerBounds(this._bounds,t.zoom,t.center).min;be(this._image,t,e)},_reset:function(){var t=this._image,e=new f(this._map.latLngToLayerPoint(this._bounds.getNorthWest()),this._map.latLngToLayerPoint(this._bounds.getSouthEast())),i=e.getSize();Z(t,e.min),t.style.width=i.x+"px",t.style.height=i.y+"px"},_updateOpacity:function(){C(this._image,this.options.opacity)},_updateZIndex:function(){this._image&&void 0!==this.options.zIndex&&null!==this.options.zIndex&&(this._image.style.zIndex=this.options.zIndex)},_overlayOnError:function(){this.fire("error");var t=this.options.errorOverlayUrl;t&&this._url!==t&&(this._url=t,this._image.src=t)},getCenter:function(){return this._bounds.getCenter()}}),ki=Ei.extend({options:{autoplay:!0,loop:!0,keepAspectRatio:!0,muted:!1,playsInline:!0},_initImage:function(){var t="VIDEO"===this._url.tagName,e=this._image=t?this._url:P("video");if(M(e,"leaflet-image-layer"),this._zoomAnimated&&M(e,"leaflet-zoom-animated"),this.options.className&&M(e,this.options.className),e.onselectstart=u,e.onmousemove=u,e.onloadeddata=a(this.fire,this,"load"),t){for(var i=e.getElementsByTagName("source"),n=[],o=0;o<i.length;o++)n.push(i[o].src);this._url=0<i.length?n:[e.src]}else{d(this._url)||(this._url=[this._url]),!this.options.keepAspectRatio&&Object.prototype.hasOwnProperty.call(e.style,"objectFit")&&(e.style.objectFit="fill"),e.autoplay=!!this.options.autoplay,e.loop=!!this.options.loop,e.muted=!!this.options.muted,e.playsInline=!!this.options.playsInline;for(var s=0;s<this._url.length;s++){var r=P("source");r.src=this._url[s],e.appendChild(r)}}}});var Oi=Ei.extend({_initImage:function(){var t=this._image=this._url;M(t,"leaflet-image-layer"),this._zoomAnimated&&M(t,"leaflet-zoom-animated"),this.options.className&&M(t,this.options.className),t.onselectstart=u,t.onmousemove=u}});var Ai=o.extend({options:{interactive:!1,offset:[0,0],className:"",pane:void 0,content:""},initialize:function(t,e){t&&(t instanceof v||d(t))?(this._latlng=w(t),c(this,e)):(c(this,t),this._source=e),this.options.content&&(this._content=this.options.content)},openOn:function(t){return(t=arguments.length?t:this._source._map).hasLayer(this)||t.addLayer(this),this},close:function(){return this._map&&this._map.removeLayer(this),this},toggle:function(t){return this._map?this.close():(arguments.length?this._source=t:t=this._source,this._prepareOpen(),this.openOn(t._map)),this},onAdd:function(t){this._zoomAnimated=t._zoomAnimated,this._container||this._initLayout(),t._fadeAnimated&&C(this._container,0),clearTimeout(this._removeTimeout),this.getPane().appendChild(this._container),this.update(),t._fadeAnimated&&C(this._container,1),this.bringToFront(),this.options.interactive&&(M(this._container,"leaflet-interactive"),this.addInteractiveTarget(this._container))},onRemove:function(t){t._fadeAnimated?(C(this._container,0),this._removeTimeout=setTimeout(a(T,void 0,this._container),200)):T(this._container),this.options.interactive&&(z(this._container,"leaflet-interactive"),this.removeInteractiveTarget(this._container))},getLatLng:function(){return this._latlng},setLatLng:function(t){return this._latlng=w(t),this._map&&(this._updatePosition(),this._adjustPan()),this},getContent:function(){return this._content},setContent:function(t){return this._content=t,this.update(),this},getElement:function(){return this._container},update:function(){this._map&&(this._container.style.visibility="hidden",this._updateContent(),this._updateLayout(),this._updatePosition(),this._container.style.visibility="",this._adjustPan())},getEvents:function(){var t={zoom:this._updatePosition,viewreset:this._updatePosition};return this._zoomAnimated&&(t.zoomanim=this._animateZoom),t},isOpen:function(){return!!this._map&&this._map.hasLayer(this)},bringToFront:function(){return this._map&&fe(this._container),this},bringToBack:function(){return this._map&&ge(this._container),this},_prepareOpen:function(t){if(!(i=this._source)._map)return!1;if(i instanceof ci){var e,i=null,n=this._source._layers;for(e in n)if(n[e]._map){i=n[e];break}if(!i)return!1;this._source=i}if(!t)if(i.getCenter)t=i.getCenter();else if(i.getLatLng)t=i.getLatLng();else{if(!i.getBounds)throw new Error("Unable to get source layer LatLng.");t=i.getBounds().getCenter()}return this.setLatLng(t),this._map&&this.update(),!0},_updateContent:function(){if(this._content){var t=this._contentNode,e="function"==typeof this._content?this._content(this._source||this):this._content;if("string"==typeof e)t.innerHTML=e;else{for(;t.hasChildNodes();)t.removeChild(t.firstChild);t.appendChild(e)}this.fire("contentupdate")}},_updatePosition:function(){var t,e,i;this._map&&(e=this._map.latLngToLayerPoint(this._latlng),t=m(this.options.offset),i=this._getAnchor(),this._zoomAnimated?Z(this._container,e.add(i)):t=t.add(e).add(i),e=this._containerBottom=-t.y,i=this._containerLeft=-Math.round(this._containerWidth/2)+t.x,this._container.style.bottom=e+"px",this._container.style.left=i+"px")},_getAnchor:function(){return[0,0]}}),Bi=(A.include({_initOverlay:function(t,e,i,n){var o=e;return o instanceof t||(o=new t(n).setContent(e)),i&&o.setLatLng(i),o}}),o.include({_initOverlay:function(t,e,i,n){var o=i;return o instanceof t?(c(o,n),o._source=this):(o=e&&!n?e:new t(n,this)).setContent(i),o}}),Ai.extend({options:{pane:"popupPane",offset:[0,7],maxWidth:300,minWidth:50,maxHeight:null,autoPan:!0,autoPanPaddingTopLeft:null,autoPanPaddingBottomRight:null,autoPanPadding:[5,5],keepInView:!1,closeButton:!0,autoClose:!0,closeOnEscapeKey:!0,className:""},openOn:function(t){return!(t=arguments.length?t:this._source._map).hasLayer(this)&&t._popup&&t._popup.options.autoClose&&t.removeLayer(t._popup),t._popup=this,Ai.prototype.openOn.call(this,t)},onAdd:function(t){Ai.prototype.onAdd.call(this,t),t.fire("popupopen",{popup:this}),this._source&&(this._source.fire("popupopen",{popup:this},!0),this._source instanceof fi||this._source.on("preclick",Ae))},onRemove:function(t){Ai.prototype.onRemove.call(this,t),t.fire("popupclose",{popup:this}),this._source&&(this._source.fire("popupclose",{popup:this},!0),this._source instanceof fi||this._source.off("preclick",Ae))},getEvents:function(){var t=Ai.prototype.getEvents.call(this);return(void 0!==this.options.closeOnClick?this.options.closeOnClick:this._map.options.closePopupOnClick)&&(t.preclick=this.close),this.options.keepInView&&(t.moveend=this._adjustPan),t},_initLayout:function(){var t="leaflet-popup",e=this._container=P("div",t+" "+(this.options.className||"")+" leaflet-zoom-animated"),i=this._wrapper=P("div",t+"-content-wrapper",e);this._contentNode=P("div",t+"-content",i),Ie(e),Be(this._contentNode),S(e,"contextmenu",Ae),this._tipContainer=P("div",t+"-tip-container",e),this._tip=P("div",t+"-tip",this._tipContainer),this.options.closeButton&&((i=this._closeButton=P("a",t+"-close-button",e)).setAttribute("role","button"),i.setAttribute("aria-label","Close popup"),i.href="#close",i.innerHTML='<span aria-hidden="true">&#215;</span>',S(i,"click",function(t){O(t),this.close()},this))},_updateLayout:function(){var t=this._contentNode,e=t.style,i=(e.width="",e.whiteSpace="nowrap",t.offsetWidth),i=Math.min(i,this.options.maxWidth),i=(i=Math.max(i,this.options.minWidth),e.width=i+1+"px",e.whiteSpace="",e.height="",t.offsetHeight),n=this.options.maxHeight,o="leaflet-popup-scrolled";(n&&n<i?(e.height=n+"px",M):z)(t,o),this._containerWidth=this._container.offsetWidth},_animateZoom:function(t){var t=this._map._latLngToNewLayerPoint(this._latlng,t.zoom,t.center),e=this._getAnchor();Z(this._container,t.add(e))},_adjustPan:function(){var t,e,i,n,o,s,r,a;this.options.autoPan&&(this._map._panAnim&&this._map._panAnim.stop(),this._autopanning?this._autopanning=!1:(t=this._map,e=parseInt(pe(this._container,"marginBottom"),10)||0,e=this._container.offsetHeight+e,a=this._containerWidth,(i=new p(this._containerLeft,-e-this._containerBottom))._add(Pe(this._container)),i=t.layerPointToContainerPoint(i),o=m(this.options.autoPanPadding),n=m(this.options.autoPanPaddingTopLeft||o),o=m(this.options.autoPanPaddingBottomRight||o),s=t.getSize(),r=0,i.x+a+o.x>s.x&&(r=i.x+a-s.x+o.x),i.x-r-n.x<(a=0)&&(r=i.x-n.x),i.y+e+o.y>s.y&&(a=i.y+e-s.y+o.y),i.y-a-n.y<0&&(a=i.y-n.y),(r||a)&&(this.options.keepInView&&(this._autopanning=!0),t.fire("autopanstart").panBy([r,a]))))},_getAnchor:function(){return m(this._source&&this._source._getPopupAnchor?this._source._getPopupAnchor():[0,0])}})),Ii=(A.mergeOptions({closePopupOnClick:!0}),A.include({openPopup:function(t,e,i){return this._initOverlay(Bi,t,e,i).openOn(this),this},closePopup:function(t){return(t=arguments.length?t:this._popup)&&t.close(),this}}),o.include({bindPopup:function(t,e){return this._popup=this._initOverlay(Bi,this._popup,t,e),this._popupHandlersAdded||(this.on({click:this._openPopup,keypress:this._onKeyPress,remove:this.closePopup,move:this._movePopup}),this._popupHandlersAdded=!0),this},unbindPopup:function(){return this._popup&&(this.off({click:this._openPopup,keypress:this._onKeyPress,remove:this.closePopup,move:this._movePopup}),this._popupHandlersAdded=!1,this._popup=null),this},openPopup:function(t){return this._popup&&(this instanceof ci||(this._popup._source=this),this._popup._prepareOpen(t||this._latlng)&&this._popup.openOn(this._map)),this},closePopup:function(){return this._popup&&this._popup.close(),this},togglePopup:function(){return this._popup&&this._popup.toggle(this),this},isPopupOpen:function(){return!!this._popup&&this._popup.isOpen()},setPopupContent:function(t){return this._popup&&this._popup.setContent(t),this},getPopup:function(){return this._popup},_openPopup:function(t){var e;this._popup&&this._map&&(Re(t),e=t.layer||t.target,this._popup._source!==e||e instanceof fi?(this._popup._source=e,this.openPopup(t.latlng)):this._map.hasLayer(this._popup)?this.closePopup():this.openPopup(t.latlng))},_movePopup:function(t){this._popup.setLatLng(t.latlng)},_onKeyPress:function(t){13===t.originalEvent.keyCode&&this._openPopup(t)}}),Ai.extend({options:{pane:"tooltipPane",offset:[0,0],direction:"auto",permanent:!1,sticky:!1,opacity:.9},onAdd:function(t){Ai.prototype.onAdd.call(this,t),this.setOpacity(this.options.opacity),t.fire("tooltipopen",{tooltip:this}),this._source&&(this.addEventParent(this._source),this._source.fire("tooltipopen",{tooltip:this},!0))},onRemove:function(t){Ai.prototype.onRemove.call(this,t),t.fire("tooltipclose",{tooltip:this}),this._source&&(this.removeEventParent(this._source),this._source.fire("tooltipclose",{tooltip:this},!0))},getEvents:function(){var t=Ai.prototype.getEvents.call(this);return this.options.permanent||(t.preclick=this.close),t},_initLayout:function(){var t="leaflet-tooltip "+(this.options.className||"")+" leaflet-zoom-"+(this._zoomAnimated?"animated":"hide");this._contentNode=this._container=P("div",t),this._container.setAttribute("role","tooltip"),this._container.setAttribute("id","leaflet-tooltip-"+h(this))},_updateLayout:function(){},_adjustPan:function(){},_setPosition:function(t){var e,i=this._map,n=this._container,o=i.latLngToContainerPoint(i.getCenter()),i=i.layerPointToContainerPoint(t),s=this.options.direction,r=n.offsetWidth,a=n.offsetHeight,h=m(this.options.offset),l=this._getAnchor(),i="top"===s?(e=r/2,a):"bottom"===s?(e=r/2,0):(e="center"===s?r/2:"right"===s?0:"left"===s?r:i.x<o.x?(s="right",0):(s="left",r+2*(h.x+l.x)),a/2);t=t.subtract(m(e,i,!0)).add(h).add(l),z(n,"leaflet-tooltip-right"),z(n,"leaflet-tooltip-left"),z(n,"leaflet-tooltip-top"),z(n,"leaflet-tooltip-bottom"),M(n,"leaflet-tooltip-"+s),Z(n,t)},_updatePosition:function(){var t=this._map.latLngToLayerPoint(this._latlng);this._setPosition(t)},setOpacity:function(t){this.options.opacity=t,this._container&&C(this._container,t)},_animateZoom:function(t){t=this._map._latLngToNewLayerPoint(this._latlng,t.zoom,t.center);this._setPosition(t)},_getAnchor:function(){return m(this._source&&this._source._getTooltipAnchor&&!this.options.sticky?this._source._getTooltipAnchor():[0,0])}})),Ri=(A.include({openTooltip:function(t,e,i){return this._initOverlay(Ii,t,e,i).openOn(this),this},closeTooltip:function(t){return t.close(),this}}),o.include({bindTooltip:function(t,e){return this._tooltip&&this.isTooltipOpen()&&this.unbindTooltip(),this._tooltip=this._initOverlay(Ii,this._tooltip,t,e),this._initTooltipInteractions(),this._tooltip.options.permanent&&this._map&&this._map.hasLayer(this)&&this.openTooltip(),this},unbindTooltip:function(){return this._tooltip&&(this._initTooltipInteractions(!0),this.closeTooltip(),this._tooltip=null),this},_initTooltipInteractions:function(t){var e,i;!t&&this._tooltipHandlersAdded||(e=t?"off":"on",i={remove:this.closeTooltip,move:this._moveTooltip},this._tooltip.options.permanent?i.add=this._openTooltip:(i.mouseover=this._openTooltip,i.mouseout=this.closeTooltip,i.click=this._openTooltip,this._map?this._addFocusListeners():i.add=this._addFocusListeners),this._tooltip.options.sticky&&(i.mousemove=this._moveTooltip),this[e](i),this._tooltipHandlersAdded=!t)},openTooltip:function(t){return this._tooltip&&(this instanceof ci||(this._tooltip._source=this),this._tooltip._prepareOpen(t)&&(this._tooltip.openOn(this._map),this.getElement?this._setAriaDescribedByOnLayer(this):this.eachLayer&&this.eachLayer(this._setAriaDescribedByOnLayer,this))),this},closeTooltip:function(){if(this._tooltip)return this._tooltip.close()},toggleTooltip:function(){return this._tooltip&&this._tooltip.toggle(this),this},isTooltipOpen:function(){return this._tooltip.isOpen()},setTooltipContent:function(t){return this._tooltip&&this._tooltip.setContent(t),this},getTooltip:function(){return this._tooltip},_addFocusListeners:function(){this.getElement?this._addFocusListenersOnLayer(this):this.eachLayer&&this.eachLayer(this._addFocusListenersOnLayer,this)},_addFocusListenersOnLayer:function(t){var e="function"==typeof t.getElement&&t.getElement();e&&(S(e,"focus",function(){this._tooltip._source=t,this.openTooltip()},this),S(e,"blur",this.closeTooltip,this))},_setAriaDescribedByOnLayer:function(t){t="function"==typeof t.getElement&&t.getElement();t&&t.setAttribute("aria-describedby",this._tooltip._container.id)},_openTooltip:function(t){var e;this._tooltip&&this._map&&(this._map.dragging&&this._map.dragging.moving()&&!this._openOnceFlag?(this._openOnceFlag=!0,(e=this)._map.once("moveend",function(){e._openOnceFlag=!1,e._openTooltip(t)})):(this._tooltip._source=t.layer||t.target,this.openTooltip(this._tooltip.options.sticky?t.latlng:void 0)))},_moveTooltip:function(t){var e=t.latlng;this._tooltip.options.sticky&&t.originalEvent&&(t=this._map.mouseEventToContainerPoint(t.originalEvent),t=this._map.containerPointToLayerPoint(t),e=this._map.layerPointToLatLng(t)),this._tooltip.setLatLng(e)}}),di.extend({options:{iconSize:[12,12],html:!1,bgPos:null,className:"leaflet-div-icon"},createIcon:function(t){var t=t&&"DIV"===t.tagName?t:document.createElement("div"),e=this.options;return e.html instanceof Element?(me(t),t.appendChild(e.html)):t.innerHTML=!1!==e.html?e.html:"",e.bgPos&&(e=m(e.bgPos),t.style.backgroundPosition=-e.x+"px "+-e.y+"px"),this._setIconStyles(t,"icon"),t},createShadow:function(){return null}}));di.Default=_i;var Ni=o.extend({options:{tileSize:256,opacity:1,updateWhenIdle:b.mobile,updateWhenZooming:!0,updateInterval:200,zIndex:1,bounds:null,minZoom:0,maxZoom:void 0,maxNativeZoom:void 0,minNativeZoom:void 0,noWrap:!1,pane:"tilePane",className:"",keepBuffer:2},initialize:function(t){c(this,t)},onAdd:function(){this._initContainer(),this._levels={},this._tiles={},this._resetView()},beforeAdd:function(t){t._addZoomLimit(this)},onRemove:function(t){this._removeAllTiles(),T(this._container),t._removeZoomLimit(this),this._container=null,this._tileZoom=void 0},bringToFront:function(){return this._map&&(fe(this._container),this._setAutoZIndex(Math.max)),this},bringToBack:function(){return this._map&&(ge(this._container),this._setAutoZIndex(Math.min)),this},getContainer:function(){return this._container},setOpacity:function(t){return this.options.opacity=t,this._updateOpacity(),this},setZIndex:function(t){return this.options.zIndex=t,this._updateZIndex(),this},isLoading:function(){return this._loading},redraw:function(){var t;return this._map&&(this._removeAllTiles(),(t=this._clampZoom(this._map.getZoom()))!==this._tileZoom&&(this._tileZoom=t,this._updateLevels()),this._update()),this},getEvents:function(){var t={viewprereset:this._invalidateAll,viewreset:this._resetView,zoom:this._resetView,moveend:this._onMoveEnd};return this.options.updateWhenIdle||(this._onMove||(this._onMove=j(this._onMoveEnd,this.options.updateInterval,this)),t.move=this._onMove),this._zoomAnimated&&(t.zoomanim=this._animateZoom),t},createTile:function(){return document.createElement("div")},getTileSize:function(){var t=this.options.tileSize;return t instanceof p?t:new p(t,t)},_updateZIndex:function(){this._container&&void 0!==this.options.zIndex&&null!==this.options.zIndex&&(this._container.style.zIndex=this.options.zIndex)},_setAutoZIndex:function(t){for(var e,i=this.getPane().children,n=-t(-1/0,1/0),o=0,s=i.length;o<s;o++)e=i[o].style.zIndex,i[o]!==this._container&&e&&(n=t(n,+e));isFinite(n)&&(this.options.zIndex=n+t(-1,1),this._updateZIndex())},_updateOpacity:function(){if(this._map&&!b.ielt9){C(this._container,this.options.opacity);var t,e=+new Date,i=!1,n=!1;for(t in this._tiles){var o,s=this._tiles[t];s.current&&s.loaded&&(o=Math.min(1,(e-s.loaded)/200),C(s.el,o),o<1?i=!0:(s.active?n=!0:this._onOpaqueTile(s),s.active=!0))}n&&!this._noPrune&&this._pruneTiles(),i&&(r(this._fadeFrame),this._fadeFrame=x(this._updateOpacity,this))}},_onOpaqueTile:u,_initContainer:function(){this._container||(this._container=P("div","leaflet-layer "+(this.options.className||"")),this._updateZIndex(),this.options.opacity<1&&this._updateOpacity(),this.getPane().appendChild(this._container))},_updateLevels:function(){var t=this._tileZoom,e=this.options.maxZoom;if(void 0!==t){for(var i in this._levels)i=Number(i),this._levels[i].el.children.length||i===t?(this._levels[i].el.style.zIndex=e-Math.abs(t-i),this._onUpdateLevel(i)):(T(this._levels[i].el),this._removeTilesAtZoom(i),this._onRemoveLevel(i),delete this._levels[i]);var n=this._levels[t],o=this._map;return n||((n=this._levels[t]={}).el=P("div","leaflet-tile-container leaflet-zoom-animated",this._container),n.el.style.zIndex=e,n.origin=o.project(o.unproject(o.getPixelOrigin()),t).round(),n.zoom=t,this._setZoomTransform(n,o.getCenter(),o.getZoom()),u(n.el.offsetWidth),this._onCreateLevel(n)),this._level=n}},_onUpdateLevel:u,_onRemoveLevel:u,_onCreateLevel:u,_pruneTiles:function(){if(this._map){var t,e,i,n=this._map.getZoom();if(n>this.options.maxZoom||n<this.options.minZoom)this._removeAllTiles();else{for(t in this._tiles)(i=this._tiles[t]).retain=i.current;for(t in this._tiles)(i=this._tiles[t]).current&&!i.active&&(e=i.coords,this._retainParent(e.x,e.y,e.z,e.z-5)||this._retainChildren(e.x,e.y,e.z,e.z+2));for(t in this._tiles)this._tiles[t].retain||this._removeTile(t)}}},_removeTilesAtZoom:function(t){for(var e in this._tiles)this._tiles[e].coords.z===t&&this._removeTile(e)},_removeAllTiles:function(){for(var t in this._tiles)this._removeTile(t)},_invalidateAll:function(){for(var t in this._levels)T(this._levels[t].el),this._onRemoveLevel(Number(t)),delete this._levels[t];this._removeAllTiles(),this._tileZoom=void 0},_retainParent:function(t,e,i,n){var t=Math.floor(t/2),e=Math.floor(e/2),i=i-1,o=new p(+t,+e),o=(o.z=i,this._tileCoordsToKey(o)),o=this._tiles[o];return o&&o.active?o.retain=!0:(o&&o.loaded&&(o.retain=!0),n<i&&this._retainParent(t,e,i,n))},_retainChildren:function(t,e,i,n){for(var o=2*t;o<2*t+2;o++)for(var s=2*e;s<2*e+2;s++){var r=new p(o,s),r=(r.z=i+1,this._tileCoordsToKey(r)),r=this._tiles[r];r&&r.active?r.retain=!0:(r&&r.loaded&&(r.retain=!0),i+1<n&&this._retainChildren(o,s,i+1,n))}},_resetView:function(t){t=t&&(t.pinch||t.flyTo);this._setView(this._map.getCenter(),this._map.getZoom(),t,t)},_animateZoom:function(t){this._setView(t.center,t.zoom,!0,t.noUpdate)},_clampZoom:function(t){var e=this.options;return void 0!==e.minNativeZoom&&t<e.minNativeZoom?e.minNativeZoom:void 0!==e.maxNativeZoom&&e.maxNativeZoom<t?e.maxNativeZoom:t},_setView:function(t,e,i,n){var o=Math.round(e),o=void 0!==this.options.maxZoom&&o>this.options.maxZoom||void 0!==this.options.minZoom&&o<this.options.minZoom?void 0:this._clampZoom(o),s=this.options.updateWhenZooming&&o!==this._tileZoom;n&&!s||(this._tileZoom=o,this._abortLoading&&this._abortLoading(),this._updateLevels(),this._resetGrid(),void 0!==o&&this._update(t),i||this._pruneTiles(),this._noPrune=!!i),this._setZoomTransforms(t,e)},_setZoomTransforms:function(t,e){for(var i in this._levels)this._setZoomTransform(this._levels[i],t,e)},_setZoomTransform:function(t,e,i){var n=this._map.getZoomScale(i,t.zoom),e=t.origin.multiplyBy(n).subtract(this._map._getNewPixelOrigin(e,i)).round();b.any3d?be(t.el,e,n):Z(t.el,e)},_resetGrid:function(){var t=this._map,e=t.options.crs,i=this._tileSize=this.getTileSize(),n=this._tileZoom,o=this._map.getPixelWorldBounds(this._tileZoom);o&&(this._globalTileRange=this._pxBoundsToTileRange(o)),this._wrapX=e.wrapLng&&!this.options.noWrap&&[Math.floor(t.project([0,e.wrapLng[0]],n).x/i.x),Math.ceil(t.project([0,e.wrapLng[1]],n).x/i.y)],this._wrapY=e.wrapLat&&!this.options.noWrap&&[Math.floor(t.project([e.wrapLat[0],0],n).y/i.x),Math.ceil(t.project([e.wrapLat[1],0],n).y/i.y)]},_onMoveEnd:function(){this._map&&!this._map._animatingZoom&&this._update()},_getTiledPixelBounds:function(t){var e=this._map,i=e._animatingZoom?Math.max(e._animateToZoom,e.getZoom()):e.getZoom(),i=e.getZoomScale(i,this._tileZoom),t=e.project(t,this._tileZoom).floor(),e=e.getSize().divideBy(2*i);return new f(t.subtract(e),t.add(e))},_update:function(t){var e=this._map;if(e){var i=this._clampZoom(e.getZoom());if(void 0===t&&(t=e.getCenter()),void 0!==this._tileZoom){var n,e=this._getTiledPixelBounds(t),o=this._pxBoundsToTileRange(e),s=o.getCenter(),r=[],e=this.options.keepBuffer,a=new f(o.getBottomLeft().subtract([e,-e]),o.getTopRight().add([e,-e]));if(!(isFinite(o.min.x)&&isFinite(o.min.y)&&isFinite(o.max.x)&&isFinite(o.max.y)))throw new Error("Attempted to load an infinite number of tiles");for(n in this._tiles){var h=this._tiles[n].coords;h.z===this._tileZoom&&a.contains(new p(h.x,h.y))||(this._tiles[n].current=!1)}if(1<Math.abs(i-this._tileZoom))this._setView(t,i);else{for(var l=o.min.y;l<=o.max.y;l++)for(var u=o.min.x;u<=o.max.x;u++){var c,d=new p(u,l);d.z=this._tileZoom,this._isValidTile(d)&&((c=this._tiles[this._tileCoordsToKey(d)])?c.current=!0:r.push(d))}if(r.sort(function(t,e){return t.distanceTo(s)-e.distanceTo(s)}),0!==r.length){this._loading||(this._loading=!0,this.fire("loading"));for(var _=document.createDocumentFragment(),u=0;u<r.length;u++)this._addTile(r[u],_);this._level.el.appendChild(_)}}}}},_isValidTile:function(t){var e=this._map.options.crs;if(!e.infinite){var i=this._globalTileRange;if(!e.wrapLng&&(t.x<i.min.x||t.x>i.max.x)||!e.wrapLat&&(t.y<i.min.y||t.y>i.max.y))return!1}return!this.options.bounds||(e=this._tileCoordsToBounds(t),g(this.options.bounds).overlaps(e))},_keyToBounds:function(t){return this._tileCoordsToBounds(this._keyToTileCoords(t))},_tileCoordsToNwSe:function(t){var e=this._map,i=this.getTileSize(),n=t.scaleBy(i),i=n.add(i);return[e.unproject(n,t.z),e.unproject(i,t.z)]},_tileCoordsToBounds:function(t){t=this._tileCoordsToNwSe(t),t=new s(t[0],t[1]);return t=this.options.noWrap?t:this._map.wrapLatLngBounds(t)},_tileCoordsToKey:function(t){return t.x+":"+t.y+":"+t.z},_keyToTileCoords:function(t){var t=t.split(":"),e=new p(+t[0],+t[1]);return e.z=+t[2],e},_removeTile:function(t){var e=this._tiles[t];e&&(T(e.el),delete this._tiles[t],this.fire("tileunload",{tile:e.el,coords:this._keyToTileCoords(t)}))},_initTile:function(t){M(t,"leaflet-tile");var e=this.getTileSize();t.style.width=e.x+"px",t.style.height=e.y+"px",t.onselectstart=u,t.onmousemove=u,b.ielt9&&this.options.opacity<1&&C(t,this.options.opacity)},_addTile:function(t,e){var i=this._getTilePos(t),n=this._tileCoordsToKey(t),o=this.createTile(this._wrapCoords(t),a(this._tileReady,this,t));this._initTile(o),this.createTile.length<2&&x(a(this._tileReady,this,t,null,o)),Z(o,i),this._tiles[n]={el:o,coords:t,current:!0},e.appendChild(o),this.fire("tileloadstart",{tile:o,coords:t})},_tileReady:function(t,e,i){e&&this.fire("tileerror",{error:e,tile:i,coords:t});var n=this._tileCoordsToKey(t);(i=this._tiles[n])&&(i.loaded=+new Date,this._map._fadeAnimated?(C(i.el,0),r(this._fadeFrame),this._fadeFrame=x(this._updateOpacity,this)):(i.active=!0,this._pruneTiles()),e||(M(i.el,"leaflet-tile-loaded"),this.fire("tileload",{tile:i.el,coords:t})),this._noTilesToLoad()&&(this._loading=!1,this.fire("load"),b.ielt9||!this._map._fadeAnimated?x(this._pruneTiles,this):setTimeout(a(this._pruneTiles,this),250)))},_getTilePos:function(t){return t.scaleBy(this.getTileSize()).subtract(this._level.origin)},_wrapCoords:function(t){var e=new p(this._wrapX?H(t.x,this._wrapX):t.x,this._wrapY?H(t.y,this._wrapY):t.y);return e.z=t.z,e},_pxBoundsToTileRange:function(t){var e=this.getTileSize();return new f(t.min.unscaleBy(e).floor(),t.max.unscaleBy(e).ceil().subtract([1,1]))},_noTilesToLoad:function(){for(var t in this._tiles)if(!this._tiles[t].loaded)return!1;return!0}});var Di=Ni.extend({options:{minZoom:0,maxZoom:18,subdomains:"abc",errorTileUrl:"",zoomOffset:0,tms:!1,zoomReverse:!1,detectRetina:!1,crossOrigin:!1,referrerPolicy:!1},initialize:function(t,e){this._url=t,(e=c(this,e)).detectRetina&&b.retina&&0<e.maxZoom?(e.tileSize=Math.floor(e.tileSize/2),e.zoomReverse?(e.zoomOffset--,e.minZoom=Math.min(e.maxZoom,e.minZoom+1)):(e.zoomOffset++,e.maxZoom=Math.max(e.minZoom,e.maxZoom-1)),e.minZoom=Math.max(0,e.minZoom)):e.zoomReverse?e.minZoom=Math.min(e.maxZoom,e.minZoom):e.maxZoom=Math.max(e.minZoom,e.maxZoom),"string"==typeof e.subdomains&&(e.subdomains=e.subdomains.split("")),this.on("tileunload",this._onTileRemove)},setUrl:function(t,e){return this._url===t&&void 0===e&&(e=!0),this._url=t,e||this.redraw(),this},createTile:function(t,e){var i=document.createElement("img");return S(i,"load",a(this._tileOnLoad,this,e,i)),S(i,"error",a(this._tileOnError,this,e,i)),!this.options.crossOrigin&&""!==this.options.crossOrigin||(i.crossOrigin=!0===this.options.crossOrigin?"":this.options.crossOrigin),"string"==typeof this.options.referrerPolicy&&(i.referrerPolicy=this.options.referrerPolicy),i.alt="",i.src=this.getTileUrl(t),i},getTileUrl:function(t){var e={r:b.retina?"@2x":"",s:this._getSubdomain(t),x:t.x,y:t.y,z:this._getZoomForUrl()};return this._map&&!this._map.options.crs.infinite&&(t=this._globalTileRange.max.y-t.y,this.options.tms&&(e.y=t),e["-y"]=t),q(this._url,l(e,this.options))},_tileOnLoad:function(t,e){b.ielt9?setTimeout(a(t,this,null,e),0):t(null,e)},_tileOnError:function(t,e,i){var n=this.options.errorTileUrl;n&&e.getAttribute("src")!==n&&(e.src=n),t(i,e)},_onTileRemove:function(t){t.tile.onload=null},_getZoomForUrl:function(){var t=this._tileZoom,e=this.options.maxZoom;return(t=this.options.zoomReverse?e-t:t)+this.options.zoomOffset},_getSubdomain:function(t){t=Math.abs(t.x+t.y)%this.options.subdomains.length;return this.options.subdomains[t]},_abortLoading:function(){var t,e,i;for(t in this._tiles)this._tiles[t].coords.z!==this._tileZoom&&((i=this._tiles[t].el).onload=u,i.onerror=u,i.complete||(i.src=K,e=this._tiles[t].coords,T(i),delete this._tiles[t],this.fire("tileabort",{tile:i,coords:e})))},_removeTile:function(t){var e=this._tiles[t];if(e)return e.el.setAttribute("src",K),Ni.prototype._removeTile.call(this,t)},_tileReady:function(t,e,i){if(this._map&&(!i||i.getAttribute("src")!==K))return Ni.prototype._tileReady.call(this,t,e,i)}});function ji(t,e){return new Di(t,e)}var Hi=Di.extend({defaultWmsParams:{service:"WMS",request:"GetMap",layers:"",styles:"",format:"image/jpeg",transparent:!1,version:"1.1.1"},options:{crs:null,uppercase:!1},initialize:function(t,e){this._url=t;var i,n=l({},this.defaultWmsParams);for(i in e)i in this.options||(n[i]=e[i]);var t=(e=c(this,e)).detectRetina&&b.retina?2:1,o=this.getTileSize();n.width=o.x*t,n.height=o.y*t,this.wmsParams=n},onAdd:function(t){this._crs=this.options.crs||t.options.crs,this._wmsVersion=parseFloat(this.wmsParams.version);var e=1.3<=this._wmsVersion?"crs":"srs";this.wmsParams[e]=this._crs.code,Di.prototype.onAdd.call(this,t)},getTileUrl:function(t){var e=this._tileCoordsToNwSe(t),i=this._crs,i=_(i.project(e[0]),i.project(e[1])),e=i.min,i=i.max,e=(1.3<=this._wmsVersion&&this._crs===li?[e.y,e.x,i.y,i.x]:[e.x,e.y,i.x,i.y]).join(","),i=Di.prototype.getTileUrl.call(this,t);return i+U(this.wmsParams,i,this.options.uppercase)+(this.options.uppercase?"&BBOX=":"&bbox=")+e},setParams:function(t,e){return l(this.wmsParams,t),e||this.redraw(),this}});Di.WMS=Hi,ji.wms=function(t,e){return new Hi(t,e)};var Wi=o.extend({options:{padding:.1},initialize:function(t){c(this,t),h(this),this._layers=this._layers||{}},onAdd:function(){this._container||(this._initContainer(),M(this._container,"leaflet-zoom-animated")),this.getPane().appendChild(this._container),this._update(),this.on("update",this._updatePaths,this)},onRemove:function(){this.off("update",this._updatePaths,this),this._destroyContainer()},getEvents:function(){var t={viewreset:this._reset,zoom:this._onZoom,moveend:this._update,zoomend:this._onZoomEnd};return this._zoomAnimated&&(t.zoomanim=this._onAnimZoom),t},_onAnimZoom:function(t){this._updateTransform(t.center,t.zoom)},_onZoom:function(){this._updateTransform(this._map.getCenter(),this._map.getZoom())},_updateTransform:function(t,e){var i=this._map.getZoomScale(e,this._zoom),n=this._map.getSize().multiplyBy(.5+this.options.padding),o=this._map.project(this._center,e),n=n.multiplyBy(-i).add(o).subtract(this._map._getNewPixelOrigin(t,e));b.any3d?be(this._container,n,i):Z(this._container,n)},_reset:function(){for(var t in this._update(),this._updateTransform(this._center,this._zoom),this._layers)this._layers[t]._reset()},_onZoomEnd:function(){for(var t in this._layers)this._layers[t]._project()},_updatePaths:function(){for(var t in this._layers)this._layers[t]._update()},_update:function(){var t=this.options.padding,e=this._map.getSize(),i=this._map.containerPointToLayerPoint(e.multiplyBy(-t)).round();this._bounds=new f(i,i.add(e.multiplyBy(1+2*t)).round()),this._center=this._map.getCenter(),this._zoom=this._map.getZoom()}}),Fi=Wi.extend({options:{tolerance:0},getEvents:function(){var t=Wi.prototype.getEvents.call(this);return t.viewprereset=this._onViewPreReset,t},_onViewPreReset:function(){this._postponeUpdatePaths=!0},onAdd:function(){Wi.prototype.onAdd.call(this),this._draw()},_initContainer:function(){var t=this._container=document.createElement("canvas");S(t,"mousemove",this._onMouseMove,this),S(t,"click dblclick mousedown mouseup contextmenu",this._onClick,this),S(t,"mouseout",this._handleMouseOut,this),t._leaflet_disable_events=!0,this._ctx=t.getContext("2d")},_destroyContainer:function(){r(this._redrawRequest),delete this._ctx,T(this._container),k(this._container),delete this._container},_updatePaths:function(){if(!this._postponeUpdatePaths){for(var t in this._redrawBounds=null,this._layers)this._layers[t]._update();this._redraw()}},_update:function(){var t,e,i,n;this._map._animatingZoom&&this._bounds||(Wi.prototype._update.call(this),t=this._bounds,e=this._container,i=t.getSize(),n=b.retina?2:1,Z(e,t.min),e.width=n*i.x,e.height=n*i.y,e.style.width=i.x+"px",e.style.height=i.y+"px",b.retina&&this._ctx.scale(2,2),this._ctx.translate(-t.min.x,-t.min.y),this.fire("update"))},_reset:function(){Wi.prototype._reset.call(this),this._postponeUpdatePaths&&(this._postponeUpdatePaths=!1,this._updatePaths())},_initPath:function(t){this._updateDashArray(t);t=(this._layers[h(t)]=t)._order={layer:t,prev:this._drawLast,next:null};this._drawLast&&(this._drawLast.next=t),this._drawLast=t,this._drawFirst=this._drawFirst||this._drawLast},_addPath:function(t){this._requestRedraw(t)},_removePath:function(t){var e=t._order,i=e.next,e=e.prev;i?i.prev=e:this._drawLast=e,e?e.next=i:this._drawFirst=i,delete t._order,delete this._layers[h(t)],this._requestRedraw(t)},_updatePath:function(t){this._extendRedrawBounds(t),t._project(),t._update(),this._requestRedraw(t)},_updateStyle:function(t){this._updateDashArray(t),this._requestRedraw(t)},_updateDashArray:function(t){if("string"==typeof t.options.dashArray){for(var e,i=t.options.dashArray.split(/[, ]+/),n=[],o=0;o<i.length;o++){if(e=Number(i[o]),isNaN(e))return;n.push(e)}t.options._dashArray=n}else t.options._dashArray=t.options.dashArray},_requestRedraw:function(t){this._map&&(this._extendRedrawBounds(t),this._redrawRequest=this._redrawRequest||x(this._redraw,this))},_extendRedrawBounds:function(t){var e;t._pxBounds&&(e=(t.options.weight||0)+1,this._redrawBounds=this._redrawBounds||new f,this._redrawBounds.extend(t._pxBounds.min.subtract([e,e])),this._redrawBounds.extend(t._pxBounds.max.add([e,e])))},_redraw:function(){this._redrawRequest=null,this._redrawBounds&&(this._redrawBounds.min._floor(),this._redrawBounds.max._ceil()),this._clear(),this._draw(),this._redrawBounds=null},_clear:function(){var t,e=this._redrawBounds;e?(t=e.getSize(),this._ctx.clearRect(e.min.x,e.min.y,t.x,t.y)):(this._ctx.save(),this._ctx.setTransform(1,0,0,1,0,0),this._ctx.clearRect(0,0,this._container.width,this._container.height),this._ctx.restore())},_draw:function(){var t,e,i=this._redrawBounds;this._ctx.save(),i&&(e=i.getSize(),this._ctx.beginPath(),this._ctx.rect(i.min.x,i.min.y,e.x,e.y),this._ctx.clip()),this._drawing=!0;for(var n=this._drawFirst;n;n=n.next)t=n.layer,(!i||t._pxBounds&&t._pxBounds.intersects(i))&&t._updatePath();this._drawing=!1,this._ctx.restore()},_updatePoly:function(t,e){if(this._drawing){var i,n,o,s,r=t._parts,a=r.length,h=this._ctx;if(a){for(h.beginPath(),i=0;i<a;i++){for(n=0,o=r[i].length;n<o;n++)s=r[i][n],h[n?"lineTo":"moveTo"](s.x,s.y);e&&h.closePath()}this._fillStroke(h,t)}}},_updateCircle:function(t){var e,i,n,o;this._drawing&&!t._empty()&&(e=t._point,i=this._ctx,n=Math.max(Math.round(t._radius),1),1!=(o=(Math.max(Math.round(t._radiusY),1)||n)/n)&&(i.save(),i.scale(1,o)),i.beginPath(),i.arc(e.x,e.y/o,n,0,2*Math.PI,!1),1!=o&&i.restore(),this._fillStroke(i,t))},_fillStroke:function(t,e){var i=e.options;i.fill&&(t.globalAlpha=i.fillOpacity,t.fillStyle=i.fillColor||i.color,t.fill(i.fillRule||"evenodd")),i.stroke&&0!==i.weight&&(t.setLineDash&&t.setLineDash(e.options&&e.options._dashArray||[]),t.globalAlpha=i.opacity,t.lineWidth=i.weight,t.strokeStyle=i.color,t.lineCap=i.lineCap,t.lineJoin=i.lineJoin,t.stroke())},_onClick:function(t){for(var e,i,n=this._map.mouseEventToLayerPoint(t),o=this._drawFirst;o;o=o.next)(e=o.layer).options.interactive&&e._containsPoint(n)&&(("click"===t.type||"preclick"===t.type)&&this._map._draggableMoved(e)||(i=e));this._fireEvent(!!i&&[i],t)},_onMouseMove:function(t){var e;!this._map||this._map.dragging.moving()||this._map._animatingZoom||(e=this._map.mouseEventToLayerPoint(t),this._handleMouseHover(t,e))},_handleMouseOut:function(t){var e=this._hoveredLayer;e&&(z(this._container,"leaflet-interactive"),this._fireEvent([e],t,"mouseout"),this._hoveredLayer=null,this._mouseHoverThrottled=!1)},_handleMouseHover:function(t,e){if(!this._mouseHoverThrottled){for(var i,n,o=this._drawFirst;o;o=o.next)(i=o.layer).options.interactive&&i._containsPoint(e)&&(n=i);n!==this._hoveredLayer&&(this._handleMouseOut(t),n&&(M(this._container,"leaflet-interactive"),this._fireEvent([n],t,"mouseover"),this._hoveredLayer=n)),this._fireEvent(!!this._hoveredLayer&&[this._hoveredLayer],t),this._mouseHoverThrottled=!0,setTimeout(a(function(){this._mouseHoverThrottled=!1},this),32)}},_fireEvent:function(t,e,i){this._map._fireDOMEvent(e,i||e.type,t)},_bringToFront:function(t){var e,i,n=t._order;n&&(e=n.next,i=n.prev,e&&((e.prev=i)?i.next=e:e&&(this._drawFirst=e),n.prev=this._drawLast,(this._drawLast.next=n).next=null,this._drawLast=n,this._requestRedraw(t)))},_bringToBack:function(t){var e,i,n=t._order;n&&(e=n.next,(i=n.prev)&&((i.next=e)?e.prev=i:i&&(this._drawLast=i),n.prev=null,n.next=this._drawFirst,this._drawFirst.prev=n,this._drawFirst=n,this._requestRedraw(t)))}});function Ui(t){return b.canvas?new Fi(t):null}var Vi=function(){try{return document.namespaces.add("lvml","urn:schemas-microsoft-com:vml"),function(t){return document.createElement("<lvml:"+t+' class="lvml">')}}catch(t){}return function(t){return document.createElement("<"+t+' xmlns="urn:schemas-microsoft.com:vml" class="lvml">')}}(),zt={_initContainer:function(){this._container=P("div","leaflet-vml-container")},_update:function(){this._map._animatingZoom||(Wi.prototype._update.call(this),this.fire("update"))},_initPath:function(t){var e=t._container=Vi("shape");M(e,"leaflet-vml-shape "+(this.options.className||"")),e.coordsize="1 1",t._path=Vi("path"),e.appendChild(t._path),this._updateStyle(t),this._layers[h(t)]=t},_addPath:function(t){var e=t._container;this._container.appendChild(e),t.options.interactive&&t.addInteractiveTarget(e)},_removePath:function(t){var e=t._container;T(e),t.removeInteractiveTarget(e),delete this._layers[h(t)]},_updateStyle:function(t){var e=t._stroke,i=t._fill,n=t.options,o=t._container;o.stroked=!!n.stroke,o.filled=!!n.fill,n.stroke?(e=e||(t._stroke=Vi("stroke")),o.appendChild(e),e.weight=n.weight+"px",e.color=n.color,e.opacity=n.opacity,n.dashArray?e.dashStyle=d(n.dashArray)?n.dashArray.join(" "):n.dashArray.replace(/( *, *)/g," "):e.dashStyle="",e.endcap=n.lineCap.replace("butt","flat"),e.joinstyle=n.lineJoin):e&&(o.removeChild(e),t._stroke=null),n.fill?(i=i||(t._fill=Vi("fill")),o.appendChild(i),i.color=n.fillColor||n.color,i.opacity=n.fillOpacity):i&&(o.removeChild(i),t._fill=null)},_updateCircle:function(t){var e=t._point.round(),i=Math.round(t._radius),n=Math.round(t._radiusY||i);this._setPath(t,t._empty()?"M0 0":"AL "+e.x+","+e.y+" "+i+","+n+" 0,23592600")},_setPath:function(t,e){t._path.v=e},_bringToFront:function(t){fe(t._container)},_bringToBack:function(t){ge(t._container)}},qi=b.vml?Vi:ct,Gi=Wi.extend({_initContainer:function(){this._container=qi("svg"),this._container.setAttribute("pointer-events","none"),this._rootGroup=qi("g"),this._container.appendChild(this._rootGroup)},_destroyContainer:function(){T(this._container),k(this._container),delete this._container,delete this._rootGroup,delete this._svgSize},_update:function(){var t,e,i;this._map._animatingZoom&&this._bounds||(Wi.prototype._update.call(this),e=(t=this._bounds).getSize(),i=this._container,this._svgSize&&this._svgSize.equals(e)||(this._svgSize=e,i.setAttribute("width",e.x),i.setAttribute("height",e.y)),Z(i,t.min),i.setAttribute("viewBox",[t.min.x,t.min.y,e.x,e.y].join(" ")),this.fire("update"))},_initPath:function(t){var e=t._path=qi("path");t.options.className&&M(e,t.options.className),t.options.interactive&&M(e,"leaflet-interactive"),this._updateStyle(t),this._layers[h(t)]=t},_addPath:function(t){this._rootGroup||this._initContainer(),this._rootGroup.appendChild(t._path),t.addInteractiveTarget(t._path)},_removePath:function(t){T(t._path),t.removeInteractiveTarget(t._path),delete this._layers[h(t)]},_updatePath:function(t){t._project(),t._update()},_updateStyle:function(t){var e=t._path,t=t.options;e&&(t.stroke?(e.setAttribute("stroke",t.color),e.setAttribute("stroke-opacity",t.opacity),e.setAttribute("stroke-width",t.weight),e.setAttribute("stroke-linecap",t.lineCap),e.setAttribute("stroke-linejoin",t.lineJoin),t.dashArray?e.setAttribute("stroke-dasharray",t.dashArray):e.removeAttribute("stroke-dasharray"),t.dashOffset?e.setAttribute("stroke-dashoffset",t.dashOffset):e.removeAttribute("stroke-dashoffset")):e.setAttribute("stroke","none"),t.fill?(e.setAttribute("fill",t.fillColor||t.color),e.setAttribute("fill-opacity",t.fillOpacity),e.setAttribute("fill-rule",t.fillRule||"evenodd")):e.setAttribute("fill","none"))},_updatePoly:function(t,e){this._setPath(t,dt(t._parts,e))},_updateCircle:function(t){var e=t._point,i=Math.max(Math.round(t._radius),1),n="a"+i+","+(Math.max(Math.round(t._radiusY),1)||i)+" 0 1,0 ",e=t._empty()?"M0 0":"M"+(e.x-i)+","+e.y+n+2*i+",0 "+n+2*-i+",0 ";this._setPath(t,e)},_setPath:function(t,e){t._path.setAttribute("d",e)},_bringToFront:function(t){fe(t._path)},_bringToBack:function(t){ge(t._path)}});function Ki(t){return b.svg||b.vml?new Gi(t):null}b.vml&&Gi.include(zt),A.include({getRenderer:function(t){t=(t=t.options.renderer||this._getPaneRenderer(t.options.pane)||this.options.renderer||this._renderer)||(this._renderer=this._createRenderer());return this.hasLayer(t)||this.addLayer(t),t},_getPaneRenderer:function(t){var e;return"overlayPane"!==t&&void 0!==t&&(void 0===(e=this._paneRenderers[t])&&(e=this._createRenderer({pane:t}),this._paneRenderers[t]=e),e)},_createRenderer:function(t){return this.options.preferCanvas&&Ui(t)||Ki(t)}});var Yi=xi.extend({initialize:function(t,e){xi.prototype.initialize.call(this,this._boundsToLatLngs(t),e)},setBounds:function(t){return this.setLatLngs(this._boundsToLatLngs(t))},_boundsToLatLngs:function(t){return[(t=g(t)).getSouthWest(),t.getNorthWest(),t.getNorthEast(),t.getSouthEast()]}});Gi.create=qi,Gi.pointsToPath=dt,wi.geometryToLayer=bi,wi.coordsToLatLng=Li,wi.coordsToLatLngs=Ti,wi.latLngToCoords=Mi,wi.latLngsToCoords=zi,wi.getFeature=Ci,wi.asFeature=Zi,A.mergeOptions({boxZoom:!0});var _t=n.extend({initialize:function(t){this._map=t,this._container=t._container,this._pane=t._panes.overlayPane,this._resetStateTimeout=0,t.on("unload",this._destroy,this)},addHooks:function(){S(this._container,"mousedown",this._onMouseDown,this)},removeHooks:function(){k(this._container,"mousedown",this._onMouseDown,this)},moved:function(){return this._moved},_destroy:function(){T(this._pane),delete this._pane},_resetState:function(){this._resetStateTimeout=0,this._moved=!1},_clearDeferredResetState:function(){0!==this._resetStateTimeout&&(clearTimeout(this._resetStateTimeout),this._resetStateTimeout=0)},_onMouseDown:function(t){if(!t.shiftKey||1!==t.which&&1!==t.button)return!1;this._clearDeferredResetState(),this._resetState(),re(),Le(),this._startPoint=this._map.mouseEventToContainerPoint(t),S(document,{contextmenu:Re,mousemove:this._onMouseMove,mouseup:this._onMouseUp,keydown:this._onKeyDown},this)},_onMouseMove:function(t){this._moved||(this._moved=!0,this._box=P("div","leaflet-zoom-box",this._container),M(this._container,"leaflet-crosshair"),this._map.fire("boxzoomstart")),this._point=this._map.mouseEventToContainerPoint(t);var t=new f(this._point,this._startPoint),e=t.getSize();Z(this._box,t.min),this._box.style.width=e.x+"px",this._box.style.height=e.y+"px"},_finish:function(){this._moved&&(T(this._box),z(this._container,"leaflet-crosshair")),ae(),Te(),k(document,{contextmenu:Re,mousemove:this._onMouseMove,mouseup:this._onMouseUp,keydown:this._onKeyDown},this)},_onMouseUp:function(t){1!==t.which&&1!==t.button||(this._finish(),this._moved&&(this._clearDeferredResetState(),this._resetStateTimeout=setTimeout(a(this._resetState,this),0),t=new s(this._map.containerPointToLatLng(this._startPoint),this._map.containerPointToLatLng(this._point)),this._map.fitBounds(t).fire("boxzoomend",{boxZoomBounds:t})))},_onKeyDown:function(t){27===t.keyCode&&(this._finish(),this._clearDeferredResetState(),this._resetState())}}),Ct=(A.addInitHook("addHandler","boxZoom",_t),A.mergeOptions({doubleClickZoom:!0}),n.extend({addHooks:function(){this._map.on("dblclick",this._onDoubleClick,this)},removeHooks:function(){this._map.off("dblclick",this._onDoubleClick,this)},_onDoubleClick:function(t){var e=this._map,i=e.getZoom(),n=e.options.zoomDelta,i=t.originalEvent.shiftKey?i-n:i+n;"center"===e.options.doubleClickZoom?e.setZoom(i):e.setZoomAround(t.containerPoint,i)}})),Zt=(A.addInitHook("addHandler","doubleClickZoom",Ct),A.mergeOptions({dragging:!0,inertia:!0,inertiaDeceleration:3400,inertiaMaxSpeed:1/0,easeLinearity:.2,worldCopyJump:!1,maxBoundsViscosity:0}),n.extend({addHooks:function(){var t;this._draggable||(t=this._map,this._draggable=new Xe(t._mapPane,t._container),this._draggable.on({dragstart:this._onDragStart,drag:this._onDrag,dragend:this._onDragEnd},this),this._draggable.on("predrag",this._onPreDragLimit,this),t.options.worldCopyJump&&(this._draggable.on("predrag",this._onPreDragWrap,this),t.on("zoomend",this._onZoomEnd,this),t.whenReady(this._onZoomEnd,this))),M(this._map._container,"leaflet-grab leaflet-touch-drag"),this._draggable.enable(),this._positions=[],this._times=[]},removeHooks:function(){z(this._map._container,"leaflet-grab"),z(this._map._container,"leaflet-touch-drag"),this._draggable.disable()},moved:function(){return this._draggable&&this._draggable._moved},moving:function(){return this._draggable&&this._draggable._moving},_onDragStart:function(){var t,e=this._map;e._stop(),this._map.options.maxBounds&&this._map.options.maxBoundsViscosity?(t=g(this._map.options.maxBounds),this._offsetLimit=_(this._map.latLngToContainerPoint(t.getNorthWest()).multiplyBy(-1),this._map.latLngToContainerPoint(t.getSouthEast()).multiplyBy(-1).add(this._map.getSize())),this._viscosity=Math.min(1,Math.max(0,this._map.options.maxBoundsViscosity))):this._offsetLimit=null,e.fire("movestart").fire("dragstart"),e.options.inertia&&(this._positions=[],this._times=[])},_onDrag:function(t){var e,i;this._map.options.inertia&&(e=this._lastTime=+new Date,i=this._lastPos=this._draggable._absPos||this._draggable._newPos,this._positions.push(i),this._times.push(e),this._prunePositions(e)),this._map.fire("move",t).fire("drag",t)},_prunePositions:function(t){for(;1<this._positions.length&&50<t-this._times[0];)this._positions.shift(),this._times.shift()},_onZoomEnd:function(){var t=this._map.getSize().divideBy(2),e=this._map.latLngToLayerPoint([0,0]);this._initialWorldOffset=e.subtract(t).x,this._worldWidth=this._map.getPixelWorldBounds().getSize().x},_viscousLimit:function(t,e){return t-(t-e)*this._viscosity},_onPreDragLimit:function(){var t,e;this._viscosity&&this._offsetLimit&&(t=this._draggable._newPos.subtract(this._draggable._startPos),e=this._offsetLimit,t.x<e.min.x&&(t.x=this._viscousLimit(t.x,e.min.x)),t.y<e.min.y&&(t.y=this._viscousLimit(t.y,e.min.y)),t.x>e.max.x&&(t.x=this._viscousLimit(t.x,e.max.x)),t.y>e.max.y&&(t.y=this._viscousLimit(t.y,e.max.y)),this._draggable._newPos=this._draggable._startPos.add(t))},_onPreDragWrap:function(){var t=this._worldWidth,e=Math.round(t/2),i=this._initialWorldOffset,n=this._draggable._newPos.x,o=(n-e+i)%t+e-i,n=(n+e+i)%t-e-i,t=Math.abs(o+i)<Math.abs(n+i)?o:n;this._draggable._absPos=this._draggable._newPos.clone(),this._draggable._newPos.x=t},_onDragEnd:function(t){var e,i,n,o,s=this._map,r=s.options,a=!r.inertia||t.noInertia||this._times.length<2;s.fire("dragend",t),!a&&(this._prunePositions(+new Date),t=this._lastPos.subtract(this._positions[0]),a=(this._lastTime-this._times[0])/1e3,e=r.easeLinearity,a=(t=t.multiplyBy(e/a)).distanceTo([0,0]),i=Math.min(r.inertiaMaxSpeed,a),t=t.multiplyBy(i/a),n=i/(r.inertiaDeceleration*e),(o=t.multiplyBy(-n/2).round()).x||o.y)?(o=s._limitOffset(o,s.options.maxBounds),x(function(){s.panBy(o,{duration:n,easeLinearity:e,noMoveStart:!0,animate:!0})})):s.fire("moveend")}})),St=(A.addInitHook("addHandler","dragging",Zt),A.mergeOptions({keyboard:!0,keyboardPanDelta:80}),n.extend({keyCodes:{left:[37],right:[39],down:[40],up:[38],zoomIn:[187,107,61,171],zoomOut:[189,109,54,173]},initialize:function(t){this._map=t,this._setPanDelta(t.options.keyboardPanDelta),this._setZoomDelta(t.options.zoomDelta)},addHooks:function(){var t=this._map._container;t.tabIndex<=0&&(t.tabIndex="0"),S(t,{focus:this._onFocus,blur:this._onBlur,mousedown:this._onMouseDown},this),this._map.on({focus:this._addHooks,blur:this._removeHooks},this)},removeHooks:function(){this._removeHooks(),k(this._map._container,{focus:this._onFocus,blur:this._onBlur,mousedown:this._onMouseDown},this),this._map.off({focus:this._addHooks,blur:this._removeHooks},this)},_onMouseDown:function(){var t,e,i;this._focused||(i=document.body,t=document.documentElement,e=i.scrollTop||t.scrollTop,i=i.scrollLeft||t.scrollLeft,this._map._container.focus(),window.scrollTo(i,e))},_onFocus:function(){this._focused=!0,this._map.fire("focus")},_onBlur:function(){this._focused=!1,this._map.fire("blur")},_setPanDelta:function(t){for(var e=this._panKeys={},i=this.keyCodes,n=0,o=i.left.length;n<o;n++)e[i.left[n]]=[-1*t,0];for(n=0,o=i.right.length;n<o;n++)e[i.right[n]]=[t,0];for(n=0,o=i.down.length;n<o;n++)e[i.down[n]]=[0,t];for(n=0,o=i.up.length;n<o;n++)e[i.up[n]]=[0,-1*t]},_setZoomDelta:function(t){for(var e=this._zoomKeys={},i=this.keyCodes,n=0,o=i.zoomIn.length;n<o;n++)e[i.zoomIn[n]]=t;for(n=0,o=i.zoomOut.length;n<o;n++)e[i.zoomOut[n]]=-t},_addHooks:function(){S(document,"keydown",this._onKeyDown,this)},_removeHooks:function(){k(document,"keydown",this._onKeyDown,this)},_onKeyDown:function(t){if(!(t.altKey||t.ctrlKey||t.metaKey)){var e,i,n=t.keyCode,o=this._map;if(n in this._panKeys)o._panAnim&&o._panAnim._inProgress||(i=this._panKeys[n],t.shiftKey&&(i=m(i).multiplyBy(3)),o.options.maxBounds&&(i=o._limitOffset(m(i),o.options.maxBounds)),o.options.worldCopyJump?(e=o.wrapLatLng(o.unproject(o.project(o.getCenter()).add(i))),o.panTo(e)):o.panBy(i));else if(n in this._zoomKeys)o.setZoom(o.getZoom()+(t.shiftKey?3:1)*this._zoomKeys[n]);else{if(27!==n||!o._popup||!o._popup.options.closeOnEscapeKey)return;o.closePopup()}Re(t)}}})),Et=(A.addInitHook("addHandler","keyboard",St),A.mergeOptions({scrollWheelZoom:!0,wheelDebounceTime:40,wheelPxPerZoomLevel:60}),n.extend({addHooks:function(){S(this._map._container,"wheel",this._onWheelScroll,this),this._delta=0},removeHooks:function(){k(this._map._container,"wheel",this._onWheelScroll,this)},_onWheelScroll:function(t){var e=He(t),i=this._map.options.wheelDebounceTime,e=(this._delta+=e,this._lastMousePos=this._map.mouseEventToContainerPoint(t),this._startTime||(this._startTime=+new Date),Math.max(i-(+new Date-this._startTime),0));clearTimeout(this._timer),this._timer=setTimeout(a(this._performZoom,this),e),Re(t)},_performZoom:function(){var t=this._map,e=t.getZoom(),i=this._map.options.zoomSnap||0,n=(t._stop(),this._delta/(4*this._map.options.wheelPxPerZoomLevel)),n=4*Math.log(2/(1+Math.exp(-Math.abs(n))))/Math.LN2,i=i?Math.ceil(n/i)*i:n,n=t._limitZoom(e+(0<this._delta?i:-i))-e;this._delta=0,this._startTime=null,n&&("center"===t.options.scrollWheelZoom?t.setZoom(e+n):t.setZoomAround(this._lastMousePos,e+n))}})),kt=(A.addInitHook("addHandler","scrollWheelZoom",Et),A.mergeOptions({tapHold:b.touchNative&&b.safari&&b.mobile,tapTolerance:15}),n.extend({addHooks:function(){S(this._map._container,"touchstart",this._onDown,this)},removeHooks:function(){k(this._map._container,"touchstart",this._onDown,this)},_onDown:function(t){var e;clearTimeout(this._holdTimeout),1===t.touches.length&&(e=t.touches[0],this._startPos=this._newPos=new p(e.clientX,e.clientY),this._holdTimeout=setTimeout(a(function(){this._cancel(),this._isTapValid()&&(S(document,"touchend",O),S(document,"touchend touchcancel",this._cancelClickPrevent),this._simulateEvent("contextmenu",e))},this),600),S(document,"touchend touchcancel contextmenu",this._cancel,this),S(document,"touchmove",this._onMove,this))},_cancelClickPrevent:function t(){k(document,"touchend",O),k(document,"touchend touchcancel",t)},_cancel:function(){clearTimeout(this._holdTimeout),k(document,"touchend touchcancel contextmenu",this._cancel,this),k(document,"touchmove",this._onMove,this)},_onMove:function(t){t=t.touches[0];this._newPos=new p(t.clientX,t.clientY)},_isTapValid:function(){return this._newPos.distanceTo(this._startPos)<=this._map.options.tapTolerance},_simulateEvent:function(t,e){t=new MouseEvent(t,{bubbles:!0,cancelable:!0,view:window,screenX:e.screenX,screenY:e.screenY,clientX:e.clientX,clientY:e.clientY});t._simulated=!0,e.target.dispatchEvent(t)}})),Ot=(A.addInitHook("addHandler","tapHold",kt),A.mergeOptions({touchZoom:b.touch,bounceAtZoomLimits:!0}),n.extend({addHooks:function(){M(this._map._container,"leaflet-touch-zoom"),S(this._map._container,"touchstart",this._onTouchStart,this)},removeHooks:function(){z(this._map._container,"leaflet-touch-zoom"),k(this._map._container,"touchstart",this._onTouchStart,this)},_onTouchStart:function(t){var e,i,n=this._map;!t.touches||2!==t.touches.length||n._animatingZoom||this._zooming||(e=n.mouseEventToContainerPoint(t.touches[0]),i=n.mouseEventToContainerPoint(t.touches[1]),this._centerPoint=n.getSize()._divideBy(2),this._startLatLng=n.containerPointToLatLng(this._centerPoint),"center"!==n.options.touchZoom&&(this._pinchStartLatLng=n.containerPointToLatLng(e.add(i)._divideBy(2))),this._startDist=e.distanceTo(i),this._startZoom=n.getZoom(),this._moved=!1,this._zooming=!0,n._stop(),S(document,"touchmove",this._onTouchMove,this),S(document,"touchend touchcancel",this._onTouchEnd,this),O(t))},_onTouchMove:function(t){if(t.touches&&2===t.touches.length&&this._zooming){var e=this._map,i=e.mouseEventToContainerPoint(t.touches[0]),n=e.mouseEventToContainerPoint(t.touches[1]),o=i.distanceTo(n)/this._startDist;if(this._zoom=e.getScaleZoom(o,this._startZoom),!e.options.bounceAtZoomLimits&&(this._zoom<e.getMinZoom()&&o<1||this._zoom>e.getMaxZoom()&&1<o)&&(this._zoom=e._limitZoom(this._zoom)),"center"===e.options.touchZoom){if(this._center=this._startLatLng,1==o)return}else{i=i._add(n)._divideBy(2)._subtract(this._centerPoint);if(1==o&&0===i.x&&0===i.y)return;this._center=e.unproject(e.project(this._pinchStartLatLng,this._zoom).subtract(i),this._zoom)}this._moved||(e._moveStart(!0,!1),this._moved=!0),r(this._animRequest);n=a(e._move,e,this._center,this._zoom,{pinch:!0,round:!1},void 0);this._animRequest=x(n,this,!0),O(t)}},_onTouchEnd:function(){this._moved&&this._zooming?(this._zooming=!1,r(this._animRequest),k(document,"touchmove",this._onTouchMove,this),k(document,"touchend touchcancel",this._onTouchEnd,this),this._map.options.zoomAnimation?this._map._animateZoom(this._center,this._map._limitZoom(this._zoom),!0,this._map.options.zoomSnap):this._map._resetView(this._center,this._map._limitZoom(this._zoom))):this._zooming=!1}})),Xi=(A.addInitHook("addHandler","touchZoom",Ot),A.BoxZoom=_t,A.DoubleClickZoom=Ct,A.Drag=Zt,A.Keyboard=St,A.ScrollWheelZoom=Et,A.TapHold=kt,A.TouchZoom=Ot,t.Bounds=f,t.Browser=b,t.CRS=ot,t.Canvas=Fi,t.Circle=vi,t.CircleMarker=gi,t.Class=et,t.Control=B,t.DivIcon=Ri,t.DivOverlay=Ai,t.DomEvent=mt,t.DomUtil=pt,t.Draggable=Xe,t.Evented=it,t.FeatureGroup=ci,t.GeoJSON=wi,t.GridLayer=Ni,t.Handler=n,t.Icon=di,t.ImageOverlay=Ei,t.LatLng=v,t.LatLngBounds=s,t.Layer=o,t.LayerGroup=ui,t.LineUtil=vt,t.Map=A,t.Marker=mi,t.Mixin=ft,t.Path=fi,t.Point=p,t.PolyUtil=gt,t.Polygon=xi,t.Polyline=yi,t.Popup=Bi,t.PosAnimation=Fe,t.Projection=wt,t.Rectangle=Yi,t.Renderer=Wi,t.SVG=Gi,t.SVGOverlay=Oi,t.TileLayer=Di,t.Tooltip=Ii,t.Transformation=at,t.Util=tt,t.VideoOverlay=ki,t.bind=a,t.bounds=_,t.canvas=Ui,t.circle=function(t,e,i){return new vi(t,e,i)},t.circleMarker=function(t,e){return new gi(t,e)},t.control=Ue,t.divIcon=function(t){return new Ri(t)},t.extend=l,t.featureGroup=function(t,e){return new ci(t,e)},t.geoJSON=Si,t.geoJson=Mt,t.gridLayer=function(t){return new Ni(t)},t.icon=function(t){return new di(t)},t.imageOverlay=function(t,e,i){return new Ei(t,e,i)},t.latLng=w,t.latLngBounds=g,t.layerGroup=function(t,e){return new ui(t,e)},t.map=function(t,e){return new A(t,e)},t.marker=function(t,e){return new mi(t,e)},t.point=m,t.polygon=function(t,e){return new xi(t,e)},t.polyline=function(t,e){return new yi(t,e)},t.popup=function(t,e){return new Bi(t,e)},t.rectangle=function(t,e){return new Yi(t,e)},t.setOptions=c,t.stamp=h,t.svg=Ki,t.svgOverlay=function(t,e,i){return new Oi(t,e,i)},t.tileLayer=ji,t.tooltip=function(t,e){return new Ii(t,e)},t.transformation=ht,t.version="1.9.4",t.videoOverlay=function(t,e,i){return new ki(t,e,i)},window.L);t.noConflict=function(){return window.L=Xi,this},window.L=t});
//# sourceMappingURL=leaflet.js.map

L.Icon.Default.mergeOptions({
    iconRetinaUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABSCAMAAAAhFXfZAAAC91BMVEVMaXEzeak2f7I4g7g3g7cua5gzeKg8hJo3grY4g7c3grU0gLI2frE0daAubJc2gbQwd6QzeKk2gLMtd5sxdKIua5g1frA2f7IydaM0e6w2fq41fK01eqo3grgubJgta5cxdKI1f7AydaQydaMxc6EubJgvbJkwcZ4ubZkwcJwubZgubJcydqUydKIxapgubJctbJcubZcubJcvbJYubJcvbZkubJctbJctbZcubJg2f7AubJcrbZcubJcubJcua5g3grY0fq8ubJcubJdEkdEwhsw6i88vhswuhcsuhMtBjMgthMsrg8srgss6is8qgcs8i9A9iMYtg8spgcoogMo7hcMngMonf8olfso4gr8kfck5iM8jfMk4iM8he8k1fro7itAgesk2hs8eecgzfLcofssdeMg0hc4cd8g2hcsxeLQbdsgZdcgxeLImfcszhM0vda4xgckzhM4xg84wf8Yxgs4udKsvfcQucqhUndROmdM1fK0wcZ8vb5w0eqpQm9MzeKhXoNVcpdYydKNWn9VZotVKltJFjsIwcJ1Rms9OlslLmtH///8+kc9epdYzd6dbo9VHkMM2f7FHmNBClM8ydqVcpNY9hro3gLM9hLczealQmcw3fa46f7A8gLMxc6I3eagyc6FIldJMl9JSnNRSntNNl9JPnNJFi75UnM9ZodVKksg8kM45jc09e6ZHltFBk883gbRBh7pDk9EwcaBzn784g7dKkcY2i81Om9M7j85Llc81is09g7Q4grY/j9A0eqxKmdFFltBEjcXf6fFImdBCiLxJl9FGlNFBi78yiMxVndEvbpo6js74+vx+psPP3+o/ks5HkcpGmNCjwdZCkNDM3ehYoNJEls+lxNkxh8xHks0+jdC1zd5Lg6r+/v/H2ufz9/o3jM3t8/edvdM/k89Th61OiLBSjbZklbaTt9BfptdjmL1AicBHj8hGk9FAgK1dkLNTjLRekrdClc/k7fM0icy0y9tgp9c4jc2NtM9Dlc8zicxeXZn3AAAAQ3RSTlMAHDdTb4yPA+LtnEQmC4L2EmHqB7XA0d0sr478x4/Yd5i1zOfyPkf1sLVq4Nh3FvjxopQ2/STNuFzUwFIwxKaejILpIBEV9wAABhVJREFUeF6s1NdyFEcYBeBeoQIhRAkLlRDGrhIgY3BJL8CVeKzuyXFzzjkn5ZxzzuScg3PO8cKzu70JkO0LfxdTU//pM9vTu7Xgf6KqOVTb9X7toRrVEfBf1HTVjZccrT/2by1VV928Yty9ZbVuucdz90frG8DBjl9pVApbOstvmMuvVgaNXSfAAd6pGxpy6yxf5ph43pS/4f3uoaGm2rdu72S9xzOvMymkZFq/ptDrk90mhW7e4zl7HLzhxGWPR20xmSxJ/VqldG5m9XhaVOA1DadsNh3Pu5L2N6QtPO/32JpqQBVVk20oy/Pi2s23WEvyfHbe1thadVQttvm7Llf65gGmXK67XtupyoM7HQhmXdLS8oGWJNeOJ3C5fG5XCEJnkez3/oFdsvgJ4l2ANZwhrJKk/7OSXa+3Vw2WJMlKnGkobouYk6T0TyX30klOUnTD9HJ5qpckL3EW/w4XF3Xd0FGywXUrstrclVsqz5Pd/sXFYyDnPdrLcQODmGOK47IZb4CmibmMn+MYRzFZ5jg33ZL/EJrWcszHmANy3ARBK/IXtciJy8VsitPSdE3uuHxzougojcUdr8/32atnz/ev3f/K5wtpxUTpcaI45zusVDpYtZi+jg0oU9b3x74h7+n9ABvYEZeKaVq0sh0AtLKsFtqNBdeT0MrSzwwlq9+x6xAO4tgOtSzbCjrNQQiNvQUbUEubvzBUeGw26yDCsRHCoLkTHDa7IdOLIThs/gHvChszh2CimE8peRs47cxANI0lYNB5y1DljpOF0IhzBDPOZnDOqYYbeGKECbPzWnXludPphw5c2YBq5zlwXphIbO4VDCZ0gnPfUO1TwZoYwAs2ExPCedAu9DAjfQUjzITQb3jNj0KG2Sgt6BHaQUdYzWz+XmBktOHwanXjaSTcwwziBcuMOtwBmqPrTOxFQR/DRKKPqyur0aiW6cULYsx6tBm0jXpR/AUWR6HRq9WVW6MRhIq5jLyjbaCTDCijyYJNpCajdyobP/eTw0iexBAKkJ3gA5KcQb2zBXsIBckn+xVv8jkZSaEFHE+jFEleAEfayRU0MouNoBmB/L50Ai/HSLIHxcrpCvnhSQAuakKp2C/YbCylJjXRVy/z3+Kv/RrNcCo+WUzlVEhzKffnTQnxeN9fWF88fiNCUdSTsaufaChKWInHeysygfpIqagoakW+vV20J8uyl6TyNKEZWV4oRSPyCkWpgOLSbkCObT8o2r6tlG58HQquf6O0v50tB7JM7F4EORd2dx/K0w/KHsVkLPaoYrwgP/y7krr3SSMA4zj+OBgmjYkxcdIJQyQRKgg2viX9Hddi9UBb29LrKR7CVVEEEXWojUkXNyfTNDE14W9gbHJNuhjDettN3ZvbOvdOqCD3Jp/9l+/wJE+9PkYGjx/fqkys3S2rMozM/o2106rfMUINo6hVqz+eu/hd1c4xTg0TAfy5kV+4UG6+IthHTU9woWmxuKNbTfuCSfovBCxq7EtHqvYL4Sm6F8GVxsSXHMQ07TOi1DKtZxjWaaIyi4CXWjxPccUw8WVbMYY5wxC1mzEyXMJWkllpRloi+Kkoq69sxBTlElF6aAxYUbjXNlhlDZilDnM4U5SlN5biRsRHnbx3mbeWjEh4mEyiuJDl5XcWVmX5GvNkFgLWZM5qwsop4/AWfLhU1cR7k1VVvcYCWRkOI6Xy5gmnphCYIkvzuNYzHzosq2oNk2RtSs8khfUOfHIDgR6ysYBaMpl4uEgk2U/oJTs9AaTSwma7dT69geAE2ZpEjUsn2ieJNHeKfrI3EcAGJ2ZaNgVuC8EBctCLc57P5u5led6IOBkIYkuQMrmmjChs4VkfOerHqSBkPzZlhe06RslZ3zMjk2sscqKwY0RcjKK+LWbzd7KiHhkncs/siFJ+V5eXxD34B8nVuJEpGJNmxN2gH3vSvp7J70tF+D1Ej8qUJD1TkErAND2GZwTFg/LubvmgiBG3SOvdlsqFQrkEzJCL1rstlnVFROixZoDDSuXQFHESwVGlcuQcMb/b42NgjLowh5MTDFE3vNB5qStRIErdCQEh6pLPR92anSUb/wAIhldAaDMpGgAAAABJRU5ErkJggg==",
    iconUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=",
    shadowUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC"
});
</script>
<script src="./maplibre-gl.js?v=5.7.3"></script>
<script src="./leaflet-maplibre-gl.js?v=0.1.3"></script>
<script src="./popup-actions.js?v=4"></script>
<script src="./hybrid-follow-maplibre.js?v=10"></script>
<script src="./config.js"></script>
<script>
// Alameda County ramp locations extracted from Caltrans 2024 District 4 Ramp ADT.
// Source workbook: 2024-d4-ramp-adt-a11y.xlsx
// Generated file: keep beside the Leaflet HTML file.
globalThis.alamedaRampData = Object.freeze(
[
  {
    "county": "ALA",
    "route": "13",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.522,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO EB ROUTE 24"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.088,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO GROVE-52ND"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.1,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR GROVE-52ND"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.501,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "SEG WB ON FR ML KING JR/52ND ST"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.558,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG 580/EB 24 OFF TO ML KING JR/52ND"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.559,
    "pmSuffix": "",
    "direction": "",
    "movement": "OFF",
    "description": "SEG OFF RTE 24/RTE 580 TO 52ND ST"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 2.56,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG OFF EB 24/RTE 580 TO ML KING JR"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.211,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.26,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "DUM EB ON FR NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.382,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.584,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR CALDECOTT LANE"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.645,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO FRONTAGE ROAD"
  },
  {
    "county": "ALA",
    "route": "24",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.682,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO CALDECOTT LN."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.766,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO BUS STATION"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.801,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON HOV FR NB880S/WB80"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.907,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO RTE 880/MARITIME"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.346,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR HOV MARITIME"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.45,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO MARITIME"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.477,
    "pmSuffix": "",
    "direction": "",
    "movement": "OFF",
    "description": "SEG OFF TO GRAND/MARITIME"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.501,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO EB 580-SB880"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.561,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO EB 580"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.895,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "DUM WB ON FR WB 580-NB880"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.214,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "DUM EB ON FR NB880-WB580"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.888,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR WB POWELL ST"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.947,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR POWELL ST"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.052,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO POWELL STREET"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.321,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "ALA 80 EB OFF TO SB 13-BAY ST."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.331,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.453,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "SEG WB OFF TO SB RTE 13"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.503,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO ASHBY AVE"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.581,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "SEG WB ON FR NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.671,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR NB RTE 13"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.761,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO SB RTE 13"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 5.728,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR UNIVERSITY AVE"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 5.983,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO UNIVERSITY AVE."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.015,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR WB UNIVERSITY AVE."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.408,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR GILMAN ST."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.79,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR GILMAN ST."
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 7.084,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR BUCHANAN ST"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 7.571,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR BUCHANAN ST"
  },
  {
    "county": "ALA",
    "route": "80",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 7.77,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO CLEVELAND AVE."
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.127,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR TOLL PLAZA"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.174,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO TOLL PLAZA"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.231,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR PLAZA PRK LOT/QUARRY RD"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.279,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO PLAZA PRK LOT/QUARRY RD"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.67,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB THORNTON AV"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 3.814,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB THORNTON AVE"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 4.768,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR NEWARK BLVD"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 18.021,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO RTE 84 SB"
  },
  {
    "county": "ALA",
    "route": "84",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 23.521,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO VALLECITOS RD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 4.261,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO CLAWITER RD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 4.421,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR CLAWITER RD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 4.541,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR CLAWITER RD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 4.701,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO CLAWITER RD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.001,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR INDUSTRIAL BLVD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.011,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO INDUSTRIAL BLVD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.101,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR INDUSTRIAL BLVD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.111,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO INDUSTRIAL BLVD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.566,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HESPERIAN/RTE92"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.617,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR HESPERIAN BLVD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.631,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HESPERIAN BLVD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.662,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO RTE880/92"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.716,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO HESPERIAN BLVD"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.839,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR HESPERIAN BLVD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.937,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO HESPERIAN BLVD."
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 6.206,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO 880/92"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.214,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO NB880/EB92"
  },
  {
    "county": "ALA",
    "route": "92",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 6.237,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO NB880/EB92"
  },
  {
    "county": "ALA",
    "route": "238",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.118,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR RTE 185."
  },
  {
    "county": "ALA",
    "route": "238",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.321,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM HESPERIAN"
  },
  {
    "county": "ALA",
    "route": "238",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.681,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO NB RTE 880"
  },
  {
    "county": "ALA",
    "route": "238",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.682,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO WASHINGTON"
  },
  {
    "county": "ALA",
    "route": "238",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.695,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM SB 880/WASHINGTON"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.281,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO GRANT LINE RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.381,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "014E EB ON FR GRANT LINE RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.661,
    "pmSuffix": "R",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR GRANT LINE RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 5.691,
    "pmSuffix": "L",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR N.FLYNN RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 6.221,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR N.FLYNN RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 8.421,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO GREENVILLE RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 8.551,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR GREENVILLE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.441,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO VASCO RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.481,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR VASCO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.562,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "SEG WB OFF TO SB VASCO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 9.791,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "SEG WB ON FR NB VASCO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 9.851,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR VASCO RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 9.881,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO VASCO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.425,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO FIRST ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.571,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FROM  FIRST ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.858,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO FIRST STREET"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.859,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO FIRST ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 12.421,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR LIVERMORE AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 12.73,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO LIVERMORE AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.804,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.925,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR NB ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.097,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.13,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.318,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.417,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO ISABEL AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.792,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO RTE 84/AIRWAY BLVD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.98,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FROM RTE 84/AIRWAY"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.151,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO RTE 84/AIRWAY BLVD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.17,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB RTE 84/AIRWAY BLVD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.504,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR EL CHARRO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.695,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB EL CHARRO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.697,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB EL CHARRO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.857,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO EL CHARRO RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.903,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR EL CHARRO RD."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.738,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR NB TASSAJARA"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.94,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB TASSAJARA RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.944,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB TASSAJARA RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.07,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB TASSAJARA"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.13,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO TASSAJARA RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.791,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB HACIENDA DR"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.851,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB HACIENDA"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.941,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB HACIENDA DR"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 19.051,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HACIENDA DR"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 19.621,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO DOUGHERTY/HOPYARD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 19.851,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB HOPYARD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 19.961,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB HOPYARD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.021,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HOPYARD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.591,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SEG OFF TO SB RTE 680"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.601,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HOPYARD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.861,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "",
    "description": "SEG EBOFF TO NB RTE 680"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.862,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "",
    "description": "SEG EBOFF TO SB RTE 680"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.951,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR RTE 680"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.961,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO RTE 680"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 21.539,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR SB SAN RAMON"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 21.54,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR NB SAN RAMON"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 28.1,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO CASTRO VALLEY BL"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 28.55,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB CROW CANYON RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 28.738,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO GROVE/CROW CANYON RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 29.225,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR REDWOOD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 29.53,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR REDWOOD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 29.55,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO REDWOOD RD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 30.155,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR STROBRIDGE AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 30.221,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO STROBRIDGE AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 30.532,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR NB 238"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 34.881,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR SB FOOTHILL BLVD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 38.791,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO KELLER AVE."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 40.191,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR HIGH ST."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 40.211,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO HIGH ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 41.671,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO FRUITVALE AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 41.731,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR FRUITVALE/MONTANA"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 42.031,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR BEAUMONT/BRUCE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 42.051,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO BEAUMONT/BRUCE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 42.891,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR PARK BLVD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 42.901,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO PARK BLVD"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 43.741,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO GRAND"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 43.761,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO GRAND AVE."
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 43.871,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR S CLARA/GRAND"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 44.081,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO SANTA CLARA AVE/OAKLAND"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 44.421,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR OAKLAND/HARRISON"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 44.433,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO OAKLAND AVE"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 44.434,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB OFF TO HARRISON ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 44.861,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO WB RTE 24"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 45.053,
    "pmSuffix": "",
    "direction": "",
    "movement": "OFF",
    "description": "SEG OFF TO ML KING JR/52ND ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 45.211,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO WEST ST"
  },
  {
    "county": "ALA",
    "route": "580",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 47.558,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO BUCHANAN ST"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 0.064,
    "pmSuffix": "",
    "direction": "",
    "movement": "",
    "description": "SEG NBOFF TOWB SCOTT CR"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 0.065,
    "pmSuffix": "",
    "direction": "",
    "movement": "",
    "description": "SEG NBOFF TOEB SCOTT CR"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 0.381,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO SCOTT CREEK"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.201,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR MISSION BL/262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.242,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO SB MISSION/262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.271,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEGSB ON FR SB MISSION BL/262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.272,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEGSB ON FR NB MISSION BL/262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.601,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SEG SB OFF TO SB MISSION/RTE 262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 2.741,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO MISSION /262"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 3.831,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO DURHAM RD."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 3.851,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR DURHAM RD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 3.991,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR DURHAM RD."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 4.041,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO DURHAM RD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 5.331,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WASHINGTON BLVD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 5.491,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WASHINGTON BLVD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 5.501,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WASHINGTON BLVD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 5.601,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WASHINGTON BLVD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 6.391,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR MISSION/238"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "M",
    "postmile": 6.461,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR MISSION/238"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 7.191,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR VARGAS RD."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 7.371,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR VARGAS RD."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 8.195,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR SHERIDAN RD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 8.861,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR TRK INS STA"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.551,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO ANDRADE RD."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.571,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR ANDRADE RD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 9.861,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO ANDRADE RD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 10.881,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR CALAVERAS/84"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 11.621,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR SB RTE 84"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 11.981,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO SB RTE 84"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 12.611,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR SUNOL (KOOPMAN)"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 15.251,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR PLEASANTON/SUNOL"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 15.461,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO PLEASANTON/SUNOL"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 16.801,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO BERNAL AVE"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 19.511,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO STONERIDGE DR."
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 19.808,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO EB 580/HOPYARD"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 19.968,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WB RTE 580"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 20.153,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM BRAY"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 20.361,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FROM VILLAGE PARKWAY"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 20.362,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WB RTE 580"
  },
  {
    "county": "ALA",
    "route": "680",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 21.731,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR ALCOSTA BLVD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 0.041,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR DIXON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 0.051,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR DIXON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 0.054,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR DIXON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 0.055,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR CALIF CIR/DIXON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 0.12,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO DIXON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "S",
    "pmPrefix": "",
    "postmile": 1.018,
    "pmSuffix": "L",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF MARITIME/GRAND"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "S",
    "pmPrefix": "",
    "postmile": 1.084,
    "pmSuffix": "R",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WB RTE 80 COLL"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.667,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR SB 262"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.67,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR Rte 262"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.756,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO NB RTE 262"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.842,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WARREN AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 1.907,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WARREN AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.225,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WARREN AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.354,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WARREN AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.392,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WARREN AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 2.431,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR SB RTE 262"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.063,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM EB FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.073,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.091,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR LANDING RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.244,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FROM EB FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.289,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM WB FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.432,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 3.465,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FROM WB FREMONT"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.53,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO AUTO MALL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.553,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB AUTO MALL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.697,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB AUTO MALL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.741,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB AUTO MALL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 4.905,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO AUTO MALL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.018,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO STEVENSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.075,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB STEVENSON BL"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.397,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB STEVENSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 6.444,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO STEVENSON BL"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 7.017,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO MOWRY AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 7.157,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB MOWRY AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 7.227,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB MOWRY AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 7.368,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB MOWRY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 7.39,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO MOWRY AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 8.645,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB THORNTON AV"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 8.675,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO THORNTON AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 8.868,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB THORNTON AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 9.008,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB THORNTON AV"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.146,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB 84"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.259,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB 84"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.331,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB DECOTO RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.443,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO DECOTO/RTE 84"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 10.457,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB DECOTO RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 11.341,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR FREMONT BLVD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 11.593,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB FREMONT (NORTH)"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 11.671,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO FREMONT BLVD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 12.851,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO ALVARADO-NILES"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 12.918,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB ALVARADO NILES"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.073,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FROM WB ALVARADO-NILES"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.11,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR ALVARADO-NILES"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.235,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WB ALVARADO"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.724,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WHIPPLE RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 13.9,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FROM WHIPPLE ROAD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.524,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR INDUSTRIAL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 14.633,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR INDUSTRIAL PKWY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.515,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO EB TENNYSON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.516,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO WB TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.548,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR EB TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.549,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR WB TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.744,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SEG SB OFF TO EB TENNYSON {ALA"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.747,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR WB TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.748,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR EB TENNYSON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.773,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SEG SB OFF TO WB TENNYSON RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.774,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SEG SB OFF TO EB TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 15.807,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR TENNYSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.43,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR RTE 92\\JACKSON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.527,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.528,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO EB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.555,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.648,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.825,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.826,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO EB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.837,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR EB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.845,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 16.846,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB RTE 92"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.349,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WINTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.377,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WINTON AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.483,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR EB WINTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.484,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR WB WINTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.485,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO WB WINTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.486,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "SEG NB OFF TO EB WINTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 17.825,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WINTON AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.228,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO A STREET"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.246,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR A STREET"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.478,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FROM A STREET"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 18.482,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO A STREET"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 19.961,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR HESPERIAN BLVD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.42,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "",
    "description": "NBON FR WB LEWELLING RD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.651,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WASHINGTON AVE."
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.686,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO WASHINGTON AVE."
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.82,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "ASEG NB ON FROM WASHINGTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 20.876,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "",
    "description": "NBON FR NB 238/WSHNGTON"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 22.727,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR MARINA BLVD."
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 22.946,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR MARINA BLVD"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 22.981,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO WB MARINA BLVD."
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.549,
    "pmSuffix": "",
    "direction": "",
    "movement": "",
    "description": "NBOFF TO RTE 112(DAVIS)"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.598,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB DAVIS ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.624,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB DAVIS ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.694,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB DAVIS ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.709,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB DAVIS ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 23.793,
    "pmSuffix": "",
    "direction": "",
    "movement": "",
    "description": "SBOFF TO RTE 112(DAVIS)"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 24.68,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR EB 98TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 24.716,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB 98TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 24.787,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR WB 98TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 24.899,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB 98TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 24.908,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO 98TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.268,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR NB HEGENBERGER"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.383,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO EDES/HEGENBERGER"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.471,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR SB HEGENBERGER"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.503,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR HEGENBERGER/EDES"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.6,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR SB HEGENBERGER"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 25.678,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO HEGENBERGER"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.482,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR COLISEUM"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.581,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR OAKPORT ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.582,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR WB 66TH"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.701,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR WB 66TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.702,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "",
    "description": "SEG NBON FR EB 66TH/COL"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.703,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR 66TH/COLISEUM"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 26.891,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO 66TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 27.531,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR HIGH ST."
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 27.541,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO HIGH ST-FRONTAGE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.011,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR HIGH ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.012,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "SEG NB ON FR SB RTE 77"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.091,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF HIGH ST/NB 77"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.603,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO 29TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.621,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO 29TH ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.693,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR 29TH AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.881,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR 23RD/KENNEDY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 28.951,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO 23RD AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 29.101,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR EB 23RD AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 29.13,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR 23RD AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 29.151,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "ON",
    "description": "NB ON FR WB 23RD AVE"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 29.161,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO KENNEDY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 30.941,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO OAK ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 30.961,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR OAK ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 31.308,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR BROADWAY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 31.394,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FROM BROADWAY"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 32.042,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR ADELINE ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 32.283,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SEG SB ON FR ADELINE ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 32.794,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO UNION ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 33.268,
    "pmSuffix": "",
    "direction": "NB",
    "movement": "OFF",
    "description": "NB OFF TO 7TH STREET"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 33.289,
    "pmSuffix": "",
    "direction": "SB",
    "movement": "ON",
    "description": "SB ON FR 7TH ST"
  },
  {
    "county": "ALA",
    "route": "880",
    "routeSuffix": "",
    "pmPrefix": "R",
    "postmile": 35.222,
    "pmSuffix": "L",
    "direction": "SB",
    "movement": "OFF",
    "description": "SB OFF TO EB 580"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 0.562,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO 17TH ST."
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 0.791,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR CASTRO\\12TH ST."
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.013,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "ON",
    "description": "EB ON FR CASTRO\\19TH ST."
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.029,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "OFF",
    "description": "WB OFF TO BRUSH @ 18TH ST"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.63,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "WB ON FR RTE 580"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.631,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "EB OFF TO RTE 580"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.638,
    "pmSuffix": "",
    "direction": "",
    "movement": "",
    "description": "SEG EBON FR 27TH TO 580"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.64,
    "pmSuffix": "",
    "direction": "WB",
    "movement": "ON",
    "description": "SEG WB ON FR RTE 580"
  },
  {
    "county": "ALA",
    "route": "980",
    "routeSuffix": "",
    "pmPrefix": "",
    "postmile": 1.641,
    "pmSuffix": "",
    "direction": "EB",
    "movement": "OFF",
    "description": "SEG EB 980/27TH ST OFF TO RTE 580"
  }
]
);

</script>
<script>

        const GOOGLE_EMBED_API_KEY =
            String(window.GRAFFITI_MAP_CONFIG?.googleMapsEmbedApiKey || "").trim();

        const POSTMILE_URL =
            "https://postmile.dot.ca.gov/PMQT/proxy.php";

        const CALTRANS_INTERSECTION_URL =
            "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHHighway/State_Highway_System_Intersection/FeatureServer/0/query";
            // Standalone map opens in lookup mode without requesting the
            // user's location. The location button remains available.
            let mapMode = "Lookup";
            
 function setMapMode(newMode) {

const allowedModes = [
    "Request",
    "CSRInput",
    "Freelance",
    "Detail",
    "Browse",
    "DailyRoute",
    "Lookup"
];

    if (!allowedModes.includes(newMode)) {

        console.warn(
            "Invalid map mode:",
            newMode
        );

        return false;
    }

    mapMode = newMode;

    hideLocationInfoPanel();
map.closePopup();
    
    updateCenterButtonVisibility();
    updateStreetViewButtonVisibility();

const pinModes = [
    "Request",
    "CSRInput",
    "Freelance",
    "Lookup"
];

    const jobModes = [
        "Detail",
        "Browse",
        "DailyRoute"
    ];


    // Show existing job markers only in job modes
    if (jobModes.includes(mapMode)) {

        if (!map.hasLayer(jobMarkersLayer)) {
            jobMarkersLayer.addTo(map);
        }

        renderJobMarkers();

    } else {

        if (map.hasLayer(jobMarkersLayer)) {
            map.removeLayer(jobMarkersLayer);
        }
    }


    // Remove a temporary/request pin when entering
    // a mode that does not allow pin placement
    if (
        !pinModes.includes(mapMode) &&
        requestPin
    ) {
        deleteRequestPin();
    }

const searchModes = [
    "Request",
    "CSRInput",
    "Lookup"
];

if (searchControlContainer) {

    searchControlContainer.style.display =
        searchModes.includes(mapMode)
            ? "block"
            : "none";
}

    console.log(
        "Map mode changed to:",
        mapMode
    );

    return true;
}


        // ----------------------------
        // Leaflet map
        // ----------------------------

        var map = L.map("map", {
            zoomControl: false
        }).setView(
            // Default startup view: San Francisco Bay Area / District 4
            [37.78, -122.12],
            9
        );
        const jobMarkersLayer =
    L.layerGroup().addTo(map);
const mapElement = document.getElementById("map");

const resizeObserver = new ResizeObserver(function () {
    map.invalidateSize();
});

resizeObserver.observe(mapElement);

// The original Esri street layer is retained as a dependable automatic
// fallback if OpenFreeMap or MapLibre cannot load on a device.
const streetLayer = L.tileLayer(
    "https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}",
    {
        attribution: "Street tiles © Esri",
        maxNativeZoom: 19,
        maxZoom: 21
    }
);


const aerialImagery = L.tileLayer(
    "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
    {
        attribution: "Aerial imagery © Esri",
        maxNativeZoom: 19,
        maxZoom: 21
    }
);


const aerialRoads = L.tileLayer(
    "https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer/tile/{z}/{y}/{x}",
    {
        attribution: "Transportation labels © Esri",
        maxNativeZoom: 19,
        maxZoom: 21
    }
);


const aerialLabels = L.tileLayer(
    "https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x}",
    {
        attribution: "Place labels © Esri",
        maxNativeZoom: 19,
        maxZoom: 21
    }
);


const aerialLayer = L.layerGroup([
    aerialImagery,
    aerialRoads,
    aerialLabels
]);

// OpenFreeMap Liberty is the normal Map View. It is recreated whenever a
// user returns from Aerial View because a detached MapLibre canvas cannot be
// reliably reused by every mobile browser.
const mapViewLayer = L.layerGroup();
let libertyLayer = null;
let libertyMapReady = false;
let libertyLoadTimer = null;
let libertyAttemptId = 0;

function setMapServiceMessage(message) {
    const status = document.querySelector(".field-map-status");
    if (status) status.title = message;
}

function activateEsriMapFallback(reason) {
    if (!map.hasLayer(mapViewLayer)) {
        return;
    }

    window.clearTimeout(libertyLoadTimer);
    mapViewLayer.clearLayers();
    mapViewLayer.addLayer(streetLayer);
    setMapServiceMessage("Map ready · backup view");
    console.warn("Liberty Map View unavailable; using Esri backup.", reason);
}

function loadLibertyMapView() {
    const attemptId = ++libertyAttemptId;

    window.clearTimeout(libertyLoadTimer);
    libertyMapReady = false;
    mapViewLayer.clearLayers();

    if (
        typeof window.maplibregl !== "object" ||
        typeof L.maplibreGL !== "function"
    ) {
        activateEsriMapFallback("MapLibre is unavailable.");
        return;
    }

    libertyLayer = L.maplibreGL({
        style: "https://tiles.openfreemap.org/styles/liberty",
        attribution:
            "OpenFreeMap © OpenMapTiles · Data © OpenStreetMap contributors"
    });
    mapViewLayer.addLayer(libertyLayer);

    libertyLoadTimer = window.setTimeout(function () {
        if (
            attemptId === libertyAttemptId &&
            !libertyMapReady &&
            map.hasLayer(mapViewLayer)
        ) {
            activateEsriMapFallback("Liberty did not finish loading.");
        }
    }, 15000);

    window.requestAnimationFrame(function () {
        let libertyMap = null;

        if (
            attemptId !== libertyAttemptId ||
            !map.hasLayer(mapViewLayer)
        ) {
            return;
        }

        try {
            libertyMap = libertyLayer.getMaplibreMap();
        } catch (error) {
            activateEsriMapFallback(error);
            return;
        }

        if (!libertyMap) {
            activateEsriMapFallback("MapLibre map was not created.");
            return;
        }

        libertyMap.once("load", function () {
            if (attemptId !== libertyAttemptId) {
                return;
            }

            libertyMapReady = true;
            window.clearTimeout(libertyLoadTimer);
            setMapServiceMessage("Map services ready");
            libertyMap.resize();
        });

        libertyMap.getCanvas().addEventListener(
            "webglcontextlost",
            function (event) {
                event.preventDefault();
                if (attemptId === libertyAttemptId) {
                    activateEsriMapFallback("WebGL context was lost.");
                }
            },
            { once: true }
        );
    });
}

mapViewLayer.on("add", loadLibertyMapView);
mapViewLayer.on("remove", function () {
    libertyAttemptId += 1;
    window.clearTimeout(libertyLoadTimer);
    mapViewLayer.clearLayers();
});

// Optional TomTom Orbis live traffic overlay. It is intentionally not added
// at startup, so traffic tile requests are only made when a user selects it.
const standaloneMapConfig =
    window.GRAFFITI_MAP_CONFIG || {};
const tomTomTrafficApiKey = String(
    standaloneMapConfig.tomTomTrafficApiKey || ""
).trim();

const optionalOverlayLayers = {};
const sensitiveAreasLayer = window.installSensitiveAreas(map, L);
let measurementToolsMenuButton = null;

// District 4 operating right-of-way boundary from CTRIP. The public WMS now
// requires a token, so the standalone map queries the internal CTRIP service
// for only the lines in the visible map area.
const RIGHT_OF_WAY_QUERY_URLS = [
    // ArcGIS Enterprise Portal proxy: the phone can reach sv04gis and the
    // portal relays the request to the separate internal ROW host.
    "https://sv04gis.ct.dot.ca.gov/portal/sharing/proxy?https://sv04gishost.ct.dot.ca.gov/arcgis/rest/services/D4_ROW_Boundary/MapServer/0/query",
    // The first two routes use the same mobile-accessible host as the
    // Maintenance Agreements layer. District network configurations vary,
    // so retain the original CTRIP GIS host as a desktop fallback.
    "https://sv04gis.ct.dot.ca.gov/server/rest/services/D4_ROW_Boundary/MapServer/0/query",
    "https://sv04gis.ct.dot.ca.gov/arcgis/rest/services/D4_ROW_Boundary/MapServer/0/query",
    "https://sv04gishost.ct.dot.ca.gov/arcgis/rest/services/D4_ROW_Boundary/MapServer/0/query",
    // Last-resort public address. Its metadata is public but queries can
    // require a token, so VPN-connected clients try internal routes first.
    "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/D4/D4_Right_of_Way_Boundary/MapServer/0/query"
];

function buildRightOfWayQueryUrl(queryUrl, parameters) {
    // The Portal proxy form already contains a question mark followed by its
    // target URL. Continue that query string instead of adding a second '?'.
    return queryUrl + (queryUrl.includes("?") ? "&" : "?") + parameters.toString();
}

function rightOfWayProperty(properties, names) {
    const normalized = {};
    Object.keys(properties || {}).forEach(function (key) {
        normalized[key.toLowerCase()] = properties[key];
    });
    for (const name of names) {
        const value = agreementText(normalized[String(name).toLowerCase()]);
        if (value) return value;
    }
    return "";
}

function formatArcGisRecordDate(value) {
    const text = agreementText(value);
    if (!text) return "";
    const numeric = Number(text);
    const date = Number.isFinite(numeric) && numeric > 10000000000
        ? new Date(numeric)
        : new Date(text);
    return Number.isNaN(date.getTime()) ? text : date.toLocaleDateString();
}

const rightOfWayLayer = L.geoJSON(null, {
    style: function (feature) {
        const quality = agreementText(
            (feature.properties || {}).type
        ).toLowerCase();
        return {
            color: quality.includes("raster") ? "#00a88f" : "#005fd1",
            weight: 3,
            opacity: 0.95,
            fill: false,
            bubblingMouseEvents: false
        };
    },
    onEachFeature: function (feature, layer) {
        const properties = feature.properties || {};
        const quality = rightOfWayProperty(properties, ["type"]) || "Boundary record";
        const accuracy = rightOfWayProperty(properties, ["source_accuracy"]) ||
            (quality.toLowerCase().includes("cad") ? "Approximately 4 feet" :
                quality.toLowerCase().includes("raster") ? "Approximately 9 feet" : "");
        const primaryDetails = [
            ["Boundary type", quality],
            ["Approximate accuracy", accuracy],
            ["Description", rightOfWayProperty(properties, ["description", "name"])],
            ["Sheet", rightOfWayProperty(properties, ["sheet_number"])],
            ["Drawing date", formatArcGisRecordDate(rightOfWayProperty(properties, ["drawnig_date"]))],
            ["Map revision", formatArcGisRecordDate(rightOfWayProperty(properties, ["map_revision_date"]))],
            ["Highway type", rightOfWayProperty(properties, ["highway_type"])],
            ["EA / Project", rightOfWayProperty(properties, ["ea"])],
            ["Last updated", formatArcGisRecordDate(rightOfWayProperty(properties, ["last_edited_date", "update_date"]))]
        ].filter(function (item) { return item[1]; });
        const technicalDetails = [
            ["Map coordinate system", rightOfWayProperty(properties, ["map_coord_sys"])],
            ["Georeferenced coordinate system", rightOfWayProperty(properties, ["georeferenced_coord_sys"])],
            ["Epoch", rightOfWayProperty(properties, ["epoch"])],
            ["Created", formatArcGisRecordDate(rightOfWayProperty(properties, ["created_date"]))]
        ].filter(function (item) { return item[1]; });
        layer.bindPopup(
            '<div class="agreement-popup">' +
            '<div class="agreement-popup-title">Caltrans Right of Way</div>' +
            primaryDetails.map(function (item) {
                return "<b>" + escapeCameraHtml(item[0]) + ":</b> " +
                    escapeCameraHtml(item[1]) + "<br>";
            }).join("") +
            (technicalDetails.length ? '<details class="row-record-details"><summary>More record details</summary>' +
                technicalDetails.map(function (item) {
                    return "<b>" + escapeCameraHtml(item[0]) + ":</b> " + escapeCameraHtml(item[1]) + "<br>";
                }).join("") + "</details>" : "") +
            '<div class="row-disclaimer">Approximate boundary for reference only; not a legal property determination.</div>' +
            "</div>"
        );
    }
});
// Image-based fallback for managed mobile browsers that can display Caltrans
// map images but block cross-origin feature/JSONP responses. Feature queries
// remain preferred because they provide clickable record details.
const rightOfWayWmsLayer = L.tileLayer.wms(
    "https://caltrans-gis.dot.ca.gov/arcgis/services/D4/D4_Right_of_Way_Boundary/MapServer/WMSServer",
    {
        layers: "0",
        format: "image/png",
        transparent: true,
        version: "1.3.0",
        opacity: 0.95,
        pane: "overlayPane"
    }
);
let rightOfWayRequest = null;
let rightOfWayLoadTimer = null;
let rightOfWayJsonpRequest = 0;
let rightOfWaySnapshotPromise = null;

function loadBundledRightOfWaySnapshot() {
    if (!rightOfWaySnapshotPromise) {
        rightOfWaySnapshotPromise = fetch("./d4-right-of-way-snapshot.geojson?v=20261020-complete")
            .then(function (response) {
                if (!response.ok) throw new Error("Bundled ROW snapshot returned " + response.status);
                return response.json();
            })
            .then(function (data) {
                if (!data || !Array.isArray(data.features)) {
                    throw new Error("Bundled ROW snapshot is invalid");
                }
                return data;
            });
    }
    return rightOfWaySnapshotPromise;
}

function rightOfWayFeatureTouchesBounds(feature, bounds) {
    const geometry = feature && feature.geometry;
    if (!geometry || !Array.isArray(geometry.coordinates)) return false;
    let minimumLongitude = Infinity;
    let minimumLatitude = Infinity;
    let maximumLongitude = -Infinity;
    let maximumLatitude = -Infinity;
    function inspect(coordinates) {
        if (!Array.isArray(coordinates)) return;
        if (coordinates.length >= 2 && Number.isFinite(Number(coordinates[0])) && Number.isFinite(Number(coordinates[1]))) {
            const longitude = Number(coordinates[0]);
            const latitude = Number(coordinates[1]);
            minimumLongitude = Math.min(minimumLongitude, longitude);
            maximumLongitude = Math.max(maximumLongitude, longitude);
            minimumLatitude = Math.min(minimumLatitude, latitude);
            maximumLatitude = Math.max(maximumLatitude, latitude);
            return;
        }
        coordinates.forEach(inspect);
    }
    inspect(geometry.coordinates);
    return Number.isFinite(minimumLongitude) &&
        maximumLongitude >= bounds.getWest() && minimumLongitude <= bounds.getEast() &&
        maximumLatitude >= bounds.getSouth() && minimumLatitude <= bounds.getNorth();
}

function setRightOfWayLegendStatus(message, state) {
    if (!rightOfWayLegendContainer) return;
    const status = rightOfWayLegendContainer.querySelector(".right-of-way-load-status");
    if (!status) return;
    status.textContent = message || "";
    status.className = "right-of-way-load-status" + (state ? " is-" + state : "");
}

function arcGisPolylineJsonToGeoJson(payload) {
    return {
        type: "FeatureCollection",
        features: (payload.features || []).map(function (feature) {
            const paths = feature.geometry && feature.geometry.paths || [];
            let geometry = null;
            if (paths.length === 1) geometry = { type:"LineString", coordinates:paths[0] };
            else if (paths.length > 1) geometry = { type:"MultiLineString", coordinates:paths };
            return {
                type: "Feature",
                properties: feature.attributes || {},
                geometry: geometry
            };
        }).filter(function (feature) { return Boolean(feature.geometry); })
    };
}

function queryRightOfWayWithJsonp(queryUrl, baseParameters, requestNumber) {
    return new Promise(function (resolve, reject) {
        const callbackName = "__d4RowJsonp" + Date.now() + Math.floor(Math.random() * 100000);
        const script = document.createElement("script");
        const timeout = window.setTimeout(function () {
            cleanup();
            reject(new Error("Right-of-way JSONP request timed out"));
        }, 15000);
        function cleanup() {
            window.clearTimeout(timeout);
            if (script.parentNode) script.parentNode.removeChild(script);
            try { delete window[callbackName]; } catch (error) { window[callbackName] = undefined; }
        }
        window[callbackName] = function (payload) {
            cleanup();
            if (requestNumber !== rightOfWayJsonpRequest) {
                reject(new Error("Right-of-way request was replaced"));
                return;
            }
            if (payload && payload.error) {
                reject(new Error(payload.error.message || "Right-of-way JSONP query failed"));
                return;
            }
            resolve(arcGisPolylineJsonToGeoJson(payload || {}));
        };
        script.onerror = function () {
            cleanup();
            reject(new Error("Right-of-way JSONP service could not be reached"));
        };
        const jsonpParameters = new URLSearchParams(baseParameters);
        jsonpParameters.set("f", "json");
        jsonpParameters.set("callback", callbackName);
        script.src = buildRightOfWayQueryUrl(queryUrl, jsonpParameters);
        document.head.appendChild(script);
    });
}

// CTRIP's Maintenance Agreements polygon layer. This service is hosted on the
// Caltrans District 4 network. The standalone map queries only the visible map
// area, keeping the overlay much lighter than loading all District 4 polygons.
const MAINTENANCE_AGREEMENTS_QUERY_URL =
    "https://sv04gis.ct.dot.ca.gov/server/rest/services/Agreements/MapServer/0/query";
const maintenanceAgreementsLayer = L.geoJSON(null, {
    style: function () {
        return {
            color: "#e89a00",
            weight: 2,
            opacity: 0.95,
            fillColor: "#ffd37f",
            fillOpacity: 0.3,
            bubblingMouseEvents: false
        };
    },
    onEachFeature: function (feature, layer) {
        layer.on("click", function (event) {
            if (event.originalEvent) {
                L.DomEvent.stopPropagation(event.originalEvent);
            }
            showMaintenanceAgreementsAt(event.latlng);
        });
    }
});
let maintenanceAgreementRequest = null;
let maintenanceAgreementLoadTimer = null;

function agreementText(value, fallback) {
    const textValue = String(value == null ? "" : value).trim();
    return textValue && textValue.toLowerCase() !== "null"
        ? textValue
        : (fallback || "");
}

function meaningfulAgreementText(value) {
    const textValue = agreementText(value);
    return ["", "n/a", "na", "none", "not available", "null", "undefined"]
        .includes(textValue.toLowerCase()) ? "" : textValue;
}

function usefulAgreementFeatures(features) {
    const seen = new Set();
    return features.filter(function (feature) {
        const attributes = feature.attributes || {};
        const name = meaningfulAgreementText(attributes.name);
        const supportingFields = [
            attributes.agency,
            attributes.descrip,
            attributes.maintenance_type,
            attributes.route,
            attributes.document_public
        ].filter(meaningfulAgreementText);
        if (!name || !supportingFields.length) {
            return false;
        }
        const key = meaningfulAgreementText(attributes.objectid) ||
            name.toLowerCase();
        if (seen.has(key)) {
            return false;
        }
        seen.add(key);
        return true;
    }).sort(function (left, right) {
        function specificity(feature) {
            const attributes = feature.attributes || {};
            let score = 0;
            if (meaningfulAgreementText(attributes.maintenance_type)) score += 4;
            if (meaningfulAgreementText(attributes.descrip)) score += 3;
            if (meaningfulAgreementText(attributes.bpm)) score += 2;
            if (meaningfulAgreementText(attributes.epm)) score += 2;
            const route = meaningfulAgreementText(attributes.route).toLowerCase();
            if (route && route !== "var") score += 2;
            return score;
        }
        return specificity(right) - specificity(left);
    });
}

function agreementDocumentUrl(value) {
    const textValue = agreementText(value);
    if (!textValue) {
        return "";
    }
    const hrefMatch = textValue.match(/href=["']([^"']+)["']/i);
    return hrefMatch ? hrefMatch[1] : textValue;
}

function agreementCardHtml(attributes, index) {
    const agreementType = agreementText(attributes.agrmnt_typ, "Maintenance");
    const maintenanceType = agreementText(attributes.maintenance_type);
    const agency = agreementText(attributes.agency, "Not listed");
    const agreementId = agreementText(attributes.name, "Agreement " + (index + 1));
    const description = agreementText(attributes.descrip);
    const county = agreementText(attributes.county);
    const route = agreementText(attributes.route);
    const beginPostmile = agreementText(attributes.bpm);
    const endPostmile = agreementText(attributes.epm);
    const effectiveDate = agreementText(attributes.effdate);
    const terminationDate = agreementText(attributes.termdate, "None listed");
    const amendmentValue = meaningfulAgreementText(attributes.amendment);
    const amendment = ["no", "none"].includes(amendmentValue.toLowerCase())
        ? ""
        : amendmentValue;
    const documentUrl = agreementDocumentUrl(attributes.document_public);
    const responsibility = maintenanceType
        ? agency + " — " + maintenanceType
        : "Agreement agency: " + agency;

    return (
        '<div class="agreement-card">' +
        '<div class="agreement-card-heading">' +
        escapeCameraHtml(agreementType + " Agreement") +
        "</div>" +
        '<div class="agreement-responsibility">' +
        escapeCameraHtml(responsibility) +
        "</div>" +
        "<b>Agreement ID:</b> " + escapeCameraHtml(agreementId) + "<br>" +
        (county ? "<b>County:</b> " + escapeCameraHtml(county) + "<br>" : "") +
        (route ? "<b>Route:</b> " + escapeCameraHtml(route) + "<br>" : "") +
        (beginPostmile || endPostmile
            ? "<b>Postmiles:</b> " +
              escapeCameraHtml(beginPostmile || "?") +
              "–" +
              escapeCameraHtml(endPostmile || "?") +
              "<br>"
            : "") +
        (description
            ? "<b>Limits/Description:</b> " + escapeCameraHtml(description) + "<br>"
            : "") +
        (effectiveDate
            ? "<b>Effective:</b> " + escapeCameraHtml(effectiveDate) + "<br>"
            : "") +
        "<b>Termination:</b> " + escapeCameraHtml(terminationDate) + "<br>" +
        (amendment
            ? "<b>Amendment:</b> " + escapeCameraHtml(amendment) + "<br>"
            : "") +
        (documentUrl
            ? '<a class="camera-popup-link" href="' +
              escapeCameraHtml(documentUrl) +
              '" target="_blank" rel="noopener">View Original Agreement</a>'
            : "") +
        "</div>"
    );
}

function maintenanceAgreementsPopupHtml(features) {
    const count = features.length;
    return (
        '<div class="agreement-popup">' +
        '<div class="agreement-popup-title">Maintenance Agreements</div>' +
        '<div class="agreement-popup-count">' +
        count +
        (count === 1
            ? " agreement applies at this location."
            : " overlapping agreements apply at this location.") +
        "</div>" +
        features.map(function (feature, index) {
            return agreementCardHtml(feature.attributes || {}, index);
        }).join("") +
        '<div class="row-disclaimer">Agreement fields summarize CTRIP records. Use the original agreement for complete legal terms.</div>' +
        "</div>"
    );
}

async function showMaintenanceAgreementsAt(latlng) {
    const popup = L.popup({ maxWidth: 420, minWidth: 270 })
        .setLatLng(latlng)
        .setContent("Loading maintenance agreements…")
        .openOn(map);
    const parameters = new URLSearchParams({
        where: "1=1",
        geometry: JSON.stringify({ x: latlng.lng, y: latlng.lat }),
        geometryType: "esriGeometryPoint",
        inSR: "4326",
        spatialRel: "esriSpatialRelIntersects",
        outFields:
            "objectid,agency,descrip,agrmnt_typ,ea,effdate,termdate,year,county,route,maintenance_type,amendment,bpm,epm,name,document_public",
        returnGeometry: "false",
        f: "json"
    });

    try {
        const response = await fetch(
            MAINTENANCE_AGREEMENTS_QUERY_URL + "?" + parameters.toString()
        );
        if (!response.ok) {
            throw new Error("Agreement service returned " + response.status);
        }
        const data = await response.json();
        const features = usefulAgreementFeatures(
            Array.isArray(data.features) ? data.features : []
        );
        popup.setContent(
            features.length
                ? maintenanceAgreementsPopupHtml(features)
                : "No detailed maintenance agreement was found at this exact location."
        );
    } catch (error) {
        console.warn("Unable to query maintenance agreements:", error);
        popup.setContent(
            "Maintenance agreements are unavailable. Connect to the Caltrans network and try again."
        );
    }
}

async function loadMaintenanceAgreementsInView() {
    if (!map.hasLayer(maintenanceAgreementsLayer)) {
        return;
    }

    if (map.getZoom() < 11) {
        maintenanceAgreementsLayer.clearLayers();
        return;
    }

    const bounds = map.getBounds();
    const geometry = {
        xmin: bounds.getWest(),
        ymin: bounds.getSouth(),
        xmax: bounds.getEast(),
        ymax: bounds.getNorth(),
        spatialReference: { wkid: 4326 }
    };
    if (maintenanceAgreementRequest) {
        maintenanceAgreementRequest.abort();
    }
    maintenanceAgreementRequest = new AbortController();
    const parameters = new URLSearchParams({
        where: "1=1",
        geometry: JSON.stringify(geometry),
        geometryType: "esriGeometryEnvelope",
        inSR: "4326",
        spatialRel: "esriSpatialRelIntersects",
        outFields:
            "objectid,agency,descrip,agrmnt_typ,effdate,termdate,county,route,maintenance_type,amendment,bpm,epm,name,document_public",
        returnGeometry: "true",
        outSR: "4326",
        maxAllowableOffset: "0.00002",
        f: "geojson"
    });

    try {
        const response = await fetch(
            MAINTENANCE_AGREEMENTS_QUERY_URL + "?" + parameters.toString(),
            { signal: maintenanceAgreementRequest.signal }
        );
        if (!response.ok) {
            throw new Error("Agreement service returned " + response.status);
        }
        const data = await response.json();
        maintenanceAgreementsLayer.clearLayers();
        maintenanceAgreementsLayer.addData(data);
    } catch (error) {
        if (error.name !== "AbortError") {
            console.warn("Unable to draw maintenance agreements:", error);
        }
    }
}

function scheduleMaintenanceAgreementLoad() {
    window.clearTimeout(maintenanceAgreementLoadTimer);
    maintenanceAgreementLoadTimer = window.setTimeout(
        loadMaintenanceAgreementsInView,
        250
    );
}

async function loadRightOfWayInView() {
    if (!map.hasLayer(rightOfWayLayer)) {
        return;
    }
    if (map.getZoom() < 11 && !window.d4RowSelectedCountyBounds) {
        rightOfWayLayer.clearLayers();
        setRightOfWayLegendStatus("Zoom in closer to load the ROW boundary.", "notice");
        return;
    }

    setRightOfWayLegendStatus("Loading ROW boundary…", "loading");

    const bounds = window.d4RowSelectedCountyBounds
        ? L.latLngBounds(window.d4RowSelectedCountyBounds)
        : map.getBounds();
    const geometry = {
        xmin: bounds.getWest(),
        ymin: bounds.getSouth(),
        xmax: bounds.getEast(),
        ymax: bounds.getNorth(),
        spatialReference: { wkid: 4326 }
    };
    if (rightOfWayRequest) {
        rightOfWayRequest.abort();
    }
    rightOfWayRequest = new AbortController();
    const parameterValues = {
        where: "1=1",
        geometry: JSON.stringify(geometry),
        geometryType: "esriGeometryEnvelope",
        inSR: "4326",
        spatialRel: "esriSpatialRelIntersects",
        // The official public and older internal District 4 services do not
        // expose perfectly identical schemas. Asking for each service's
        // available fields prevents one missing field from rejecting the
        // entire request while still enabling the richer public popup.
        outFields: "*",
        returnGeometry: "true",
        outSR: "4326",
        maxAllowableOffset: "0.00001",
        f: "geojson"
    };
    const parameters = new URLSearchParams(parameterValues);

    let lastError = null;
    for (const queryUrl of RIGHT_OF_WAY_QUERY_URLS) {
        try {
            const response = await fetch(
                buildRightOfWayQueryUrl(queryUrl, parameters),
                { signal: rightOfWayRequest.signal }
            );
            if (!response.ok) {
                throw new Error(
                    "Right-of-way service returned " + response.status
                );
            }
            let data = await response.json();
            if (data.error) {
                throw new Error(
                    data.error.message || "Right-of-way query failed"
                );
            }
            if (window.d4FilterRowDataBySelectedCounty) data = window.d4FilterRowDataBySelectedCounty(data);
            rightOfWayLayer.clearLayers();
            rightOfWayLayer.addData(data);
            if (map.hasLayer(rightOfWayWmsLayer)) map.removeLayer(rightOfWayWmsLayer);
            const featureCount = data.features ? data.features.length : 0;
            setRightOfWayLegendStatus(featureCount ? "ROW boundary loaded." : "No ROW boundary found in this view.", featureCount ? "success" : "notice");
            return;
        } catch (error) {
            if (error.name === "AbortError") {
                return;
            }
            lastError = error;
        }
    }

    // Mobile Safari and managed-device browsers can reject a cross-origin
    // fetch even when the same internal ArcGIS URL opens normally. ArcGIS
    // JSONP loads through a script request and avoids that browser limitation.
    const jsonpRequestNumber = ++rightOfWayJsonpRequest;
    for (const queryUrl of RIGHT_OF_WAY_QUERY_URLS) {
        try {
            let data = await queryRightOfWayWithJsonp(queryUrl, parameterValues, jsonpRequestNumber);
            if (!map.hasLayer(rightOfWayLayer) || jsonpRequestNumber !== rightOfWayJsonpRequest) return;
            if (window.d4FilterRowDataBySelectedCounty) data = window.d4FilterRowDataBySelectedCounty(data);
            rightOfWayLayer.clearLayers();
            rightOfWayLayer.addData(data);
            if (map.hasLayer(rightOfWayWmsLayer)) map.removeLayer(rightOfWayWmsLayer);
            const featureCount = data.features ? data.features.length : 0;
            setRightOfWayLegendStatus(featureCount ? "ROW boundary loaded (mobile mode)." : "No ROW boundary found in this view.", featureCount ? "success" : "notice");
            return;
        } catch (error) {
            lastError = error;
        }
    }
    // A complete District 4 snapshot is bundled for managed phones and other
    // browsers that can open the map but cannot query CTRIP cross-origin.
    // Keep the live VPN service first so current data is used whenever it is
    // available; the snapshot preserves clickable record details offline.
    try {
        const snapshot = await loadBundledRightOfWaySnapshot();
        if (!map.hasLayer(rightOfWayLayer) || jsonpRequestNumber !== rightOfWayJsonpRequest) return;
        let visibleFeatures = snapshot.features.filter(function (feature) {
            return rightOfWayFeatureTouchesBounds(feature, bounds);
        });
        if (window.d4FilterRowDataBySelectedCounty) {
            visibleFeatures = window.d4FilterRowDataBySelectedCounty({ type: "FeatureCollection", features: visibleFeatures }).features;
        }
        rightOfWayLayer.clearLayers();
        rightOfWayLayer.addData({ type: "FeatureCollection", features: visibleFeatures });
        if (map.hasLayer(rightOfWayWmsLayer)) map.removeLayer(rightOfWayWmsLayer);
        setRightOfWayLegendStatus(
            visibleFeatures.length ? "ROW boundary loaded from the mobile snapshot." : "No ROW boundary found in this view.",
            visibleFeatures.length ? "success" : "notice"
        );
        return;
    } catch (error) {
        lastError = error;
    }
    // WMS tiles load as map images and are not subject to the same mobile
    // fetch/CORS restriction. The boundary stays visible, though clicking a
    // line for record details requires the feature service to be reachable.
    if (map.hasLayer(rightOfWayLayer) && !map.hasLayer(rightOfWayWmsLayer)) {
        rightOfWayWmsLayer.addTo(map);
    }
    setRightOfWayLegendStatus(
        "ROW shown in mobile display mode. Line record details are unavailable on this connection.",
        "notice"
    );
    console.warn("Unable to draw right of way:", lastError);
}

function scheduleRightOfWayLoad() {
    window.clearTimeout(rightOfWayLoadTimer);
    rightOfWayLoadTimer = window.setTimeout(loadRightOfWayInView, 250);
}

// CTRIP assessor parcel boundaries. Parcels are extremely dense, so this
// layer loads only the current view after the user zooms to neighborhood
// level. The statewide parcel layer is attempted first, followed by the
// District 4 parcel service used by CTRIP.
const ASSESSOR_PARCEL_QUERY_URLS = [
    "https://d3giscoreage.dot.ca.gov/portal/sharing/servers/4fbd1f62f6cf4d6491c613800cffd5aa/rest/services/CA_LB_PRO/FeatureServer/3/query",
    "https://sv04gis.ct.dot.ca.gov/server/rest/services/D4_Parcels/MapServer/29/query"
];

function parcelProperty(properties, candidates) {
    const normalized = {};
    Object.keys(properties || {}).forEach(function (key) {
        normalized[key.toLowerCase().replace(/[^a-z0-9]/g, "")] =
            properties[key];
    });
    for (const candidate of candidates) {
        const value = normalized[candidate.toLowerCase().replace(/[^a-z0-9]/g, "")];
        const textValue = agreementText(value);
        if (textValue && !["n/a", "na", "none"].includes(textValue.toLowerCase())) {
            return textValue;
        }
    }
    return "";
}

function parcelNumberFromProperties(properties) {
    const exactMatch = parcelProperty(properties, [
        "parcel_num", "parcel_no", "parcel_nbr", "parcel_number",
        "apn", "apn2", "apn_text", "apn_formatted", "apn_unformatted",
        "assessors_parcel_number", "parcel_id", "parcelid", "ain", "pin"
    ]);
    if (exactMatch) {
        return exactMatch;
    }

    // County feeds use different field names. Choose a meaningful attribute
    // whose name clearly identifies an APN or parcel identifier.
    const entries = Object.entries(properties || {});
    for (const entry of entries) {
        const normalizedKey = entry[0].toLowerCase().replace(/[^a-z0-9]/g, "");
        const isParcelNumber =
            normalizedKey.includes("apn") ||
            (normalizedKey.includes("parcel") &&
                /(num|number|nbr|no$|id|key)/.test(normalizedKey)) ||
            (normalizedKey.includes("assessor") &&
                /(num|number|nbr|id)/.test(normalizedKey));
        if (!isParcelNumber || ["objectid", "globalid"].includes(normalizedKey)) {
            continue;
        }
        const textValue = meaningfulAgreementText(entry[1]);
        if (textValue) {
            return textValue;
        }
    }
    return "";
}

function parcelOwnerFromProperties(properties) {
    const exactMatch = parcelProperty(properties, [
        "owner", "owner_name", "ownername", "owner_1", "owner1",
        "property_owner", "primary_owner", "taxpayer_name", "taxpayer",
        "assessee", "assessee_name", "grantee", "name"
    ]);
    if (exactMatch) {
        return exactMatch;
    }

    for (const entry of Object.entries(properties || {})) {
        const normalizedKey = entry[0].toLowerCase().replace(/[^a-z0-9]/g, "");
        const isOwnerName =
            normalizedKey.includes("owner") ||
            normalizedKey.includes("assessee") ||
            normalizedKey.includes("taxpayer") ||
            normalizedKey.includes("grantee");
        if (!isOwnerName) {
            continue;
        }
        const textValue = meaningfulAgreementText(entry[1]);
        if (textValue) {
            return textValue;
        }
    }
    return "";
}

const assessorParcelsLayer = L.geoJSON(null, {
    style: function () {
        return {
            color: "#8b2bb3",
            weight: 1.5,
            opacity: 0.95,
            fillColor: "#bd75d6",
            fillOpacity: 0.08,
            bubblingMouseEvents: false
        };
    },
    onEachFeature: function (feature, layer) {
        const properties = feature.properties || {};
        const parcelNumber = parcelNumberFromProperties(properties);
        const owner = parcelOwnerFromProperties(properties);
        const county = parcelProperty(properties, [
            "county", "county_name", "countyname"
        ]);
        const address = parcelProperty(properties, [
            "situs_address", "site_address", "address", "property_address"
        ]);
        layer.bindPopup(
            '<div class="agreement-popup">' +
            '<div class="agreement-popup-title">Assessor Parcel</div>' +
            "<b>Parcel/APN:</b> " +
            escapeCameraHtml(parcelNumber || "Not listed") + "<br>" +
            "<b>Owner/Assessee:</b> " +
            escapeCameraHtml(owner || "Not listed") + "<br>" +
            (county
                ? "<b>County:</b> " + escapeCameraHtml(county) + "<br>"
                : "") +
            (address
                ? "<b>Site address:</b> " + escapeCameraHtml(address) + "<br>"
                : "") +
            '<div class="row-disclaimer">Assessor parcel information is for reference only. Verify the official county record before relying on it.</div>' +
            "</div>"
        );
    }
});
let assessorParcelRequest = null;
let assessorParcelLoadTimer = null;

async function loadAssessorParcelsInView() {
    if (!map.hasLayer(assessorParcelsLayer)) {
        return;
    }
    if (map.getZoom() < 15) {
        assessorParcelsLayer.clearLayers();
        return;
    }

    const bounds = map.getBounds();
    const geometry = {
        xmin: bounds.getWest(),
        ymin: bounds.getSouth(),
        xmax: bounds.getEast(),
        ymax: bounds.getNorth(),
        spatialReference: { wkid: 4326 }
    };
    if (assessorParcelRequest) {
        assessorParcelRequest.abort();
    }
    assessorParcelRequest = new AbortController();
    const parameters = new URLSearchParams({
        where: "1=1",
        geometry: JSON.stringify(geometry),
        geometryType: "esriGeometryEnvelope",
        inSR: "4326",
        spatialRel: "esriSpatialRelIntersects",
        outFields: "*",
        returnGeometry: "true",
        outSR: "4326",
        maxAllowableOffset: "0.000002",
        f: "geojson"
    });

    let lastError = null;
    for (const queryUrl of ASSESSOR_PARCEL_QUERY_URLS) {
        try {
            const response = await fetch(
                queryUrl + "?" + parameters.toString(),
                { signal: assessorParcelRequest.signal }
            );
            if (!response.ok) {
                throw new Error("Parcel service returned " + response.status);
            }
            const data = await response.json();
            if (data.error) {
                throw new Error(data.error.message || "Parcel query failed");
            }
            if (!Array.isArray(data.features) || !data.features.length) {
                lastError = new Error("Parcel service returned no features");
                continue;
            }
            assessorParcelsLayer.clearLayers();
            assessorParcelsLayer.addData(data);
            return;
        } catch (error) {
            if (error.name === "AbortError") {
                return;
            }
            lastError = error;
        }
    }
    console.warn("Unable to draw assessor parcels:", lastError);
}

function scheduleAssessorParcelLoad() {
    window.clearTimeout(assessorParcelLoadTimer);
    assessorParcelLoadTimer = window.setTimeout(loadAssessorParcelsInView, 250);
}

// CIMS active drain inlets for Caltrans District 4. The source service is
// statewide and internal, so query only DI/DI_SO points inside the visible
// map extent. This overlay requires the Caltrans network or VPN.
const DRAIN_INLETS_QUERY_URL =
    "https://d3giscoreage.dot.ca.gov/server/rest/services/CIMS/CIMS_Core_Data_Services_Read_Only/MapServer/3/query";
const DRAIN_FLOW_QUERY_URL =
    "https://d3giscoreage.dot.ca.gov/server/rest/services/CIMS/CIMS_Core_Data_Services_Read_Only/MapServer/2/query";
const drainFlowSelectionLayer = L.layerGroup().addTo(map);
let drainFlowRequestSequence = 0;
let lockedDrainFlowLayer = null;
let hoveredDrainFlowLayer = null;

function drainHoverEventAllowed(event) {
    const originalEvent = event && event.originalEvent;
    if (!originalEvent) return true;
    if (originalEvent.pointerType === "touch") return false;
    if (originalEvent.sourceCapabilities &&
        originalEvent.sourceCapabilities.firesTouchEvents) return false;
    return true;
}

function clearDrainInletFlow() {
    drainFlowRequestSequence += 1;
    drainFlowSelectionLayer.clearLayers();
}

function arcGisJsonp(queryUrl, parameters, callbackPrefix) {
    return new Promise(function (resolve, reject) {
        const callbackName = callbackPrefix + "_" + Date.now() + "_" +
            Math.random().toString(36).slice(2);
        const script = document.createElement("script");
        const timeout = window.setTimeout(function () {
            cleanup();
            reject(new Error("CIMS request timed out"));
        }, 20000);
        function cleanup() {
            window.clearTimeout(timeout);
            delete window[callbackName];
            script.remove();
        }
        window[callbackName] = function (result) {
            cleanup();
            resolve(result);
        };
        script.onerror = function () {
            cleanup();
            reject(new Error("CIMS service could not be reached"));
        };
        const jsonpParameters = new URLSearchParams(parameters);
        jsonpParameters.set("callback", callbackName);
        script.src = queryUrl + "?" + jsonpParameters.toString();
        document.head.appendChild(script);
    });
}

function drainFlowBearing(from, to) {
    const lat1 = from.lat * Math.PI / 180;
    const lat2 = to.lat * Math.PI / 180;
    const deltaLng = (to.lng - from.lng) * Math.PI / 180;
    const y = Math.sin(deltaLng) * Math.cos(lat2);
    const x = Math.cos(lat1) * Math.sin(lat2) -
        Math.sin(lat1) * Math.cos(lat2) * Math.cos(deltaLng);
    return (Math.atan2(y, x) * 180 / Math.PI + 360) % 360;
}

async function showDrainInletFlow(properties) {
    const requestSequence = ++drainFlowRequestSequence;
    drainFlowSelectionLayer.clearLayers();
    const systemNumber = String(properties.SYSNO || "").trim();
    const endTreatmentNumber = String(properties.ETNO || "").trim();
    if (!systemNumber || !endTreatmentNumber) return;
    const quote = function (value) { return value.replace(/'/g, "''"); };
    const parameters = new URLSearchParams({
        where: "SYSNO='" + quote(systemNumber) + "' AND (INETNO='" +
            quote(endTreatmentNumber) + "' OR OUTETNO='" +
            quote(endTreatmentNumber) + "')",
        outFields: "SYSNO,INETNO,OUTETNO,CulvertID,HealthScore,ConditionOverall,ConveyanceType",
        returnGeometry: "true",
        outSR: "4326",
        f: "json"
    });
    try {
        let data;
        try {
            const response = await fetch(
                DRAIN_FLOW_QUERY_URL + "?" + parameters.toString()
            );
            if (!response.ok) throw new Error("Culvert line service returned " + response.status);
            data = await response.json();
        } catch (fetchError) {
            data = await arcGisJsonp(
                DRAIN_FLOW_QUERY_URL,
                parameters,
                "cimsDrainFlow"
            );
        }
        if (requestSequence !== drainFlowRequestSequence) return;
        if (data.error) throw new Error(data.error.message || "Culvert line query failed");
        (data.features || []).forEach(function (feature) {
            const paths = (feature.geometry || {}).paths || [];
            paths.forEach(function (path) {
                if (!Array.isArray(path) || path.length < 2) return;
                const latLngs = path.map(function (coordinate) {
                    return L.latLng(Number(coordinate[1]), Number(coordinate[0]));
                }).filter(function (point) {
                    return Number.isFinite(point.lat) && Number.isFinite(point.lng);
                });
                if (latLngs.length < 2) return;
                L.polyline(latLngs, {
                    color: "#00a6d2",
                    weight: 6,
                    opacity: 0.95,
                    dashArray: "10 6",
                    bubblingMouseEvents: false
                }).addTo(drainFlowSelectionLayer);
                const previous = latLngs[latLngs.length - 2];
                const end = latLngs[latLngs.length - 1];
                const bearing = drainFlowBearing(previous, end);
                L.marker(end, {
                    interactive: false,
                    icon: L.divIcon({
                        className: "drain-flow-arrow-wrap",
                        html: '<div class="drain-flow-arrow" style="transform:rotate(' +
                            (bearing - 90) + 'deg)">➤</div>',
                        iconSize: [30, 30],
                        iconAnchor: [15, 15]
                    })
                }).addTo(drainFlowSelectionLayer);
            });
        });
    } catch (error) {
        console.warn("Unable to draw connected drain path:", error);
    }
}

function drainInletText(value, fallback) {
    if (value === null || value === undefined || String(value).trim() === "") {
        return fallback || "";
    }
    return String(value).trim();
}

let drainInletPopupOpen = false;
const drainInletsLayer = L.geoJSON(null, {
    pointToLayer: function (feature, latlng) {
        const healthScore = Number((feature.properties || {}).HealthScore);
        let fillColor = "#8a8f98";
        if (Number.isFinite(healthScore)) {
            if (healthScore >= 80) fillColor = "#39b54a";
            else if (healthScore >= 50) fillColor = "#ffd400";
            else if (healthScore >= 0) fillColor = "#e53935";
        }
        return L.circleMarker(latlng, {
            radius: 7,
            color: "#17202a",
            weight: 1.5,
            opacity: 1,
            fillColor: fillColor,
            fillOpacity: 0.95,
            bubblingMouseEvents: false
        });
    },
    onEachFeature: function (feature, layer) {
        const p = feature.properties || {};
        const inletType = Number(p.ETType) === 3
            ? "Drain Inlet with Side Opening"
            : "Drain Inlet";
        const inletOutlet = ({1: "Inlet", 2: "Outlet", 3: "Both", "-1": "N/A"})[p.InletOutlet] || p.InletOutlet;
        const details = [
            ["Type", inletType],
            ["End Treatment No.", drainInletText(p.ETNO)],
            ["System No.", drainInletText(p.SYSNO)],
            ["County", drainInletText(p.County)],
            ["Route", drainInletText(p.Route)],
            ["Postmile", drainInletText(p.Postmile)],
            ["Direction", drainInletText(p.TravelDirection)],
            ["Side", drainInletText(p.Side)],
            ["Inlet/Outlet", drainInletText(inletOutlet)],
            ["Health Score", drainInletText(p.HealthScore)],
            ["Grate Type", drainInletText(p.GrateType)],
            ["Width (ft)", drainInletText(p.Width)],
            ["Height (ft)", drainInletText(p.Height)],
            ["Depth (ft)", drainInletText(p.Depth)],
            ["Comments", drainInletText(p.Comments)]
        ].filter(function (item) { return item[1]; });
        layer.bindPopup(
            '<div class="agreement-popup">' +
            '<div class="agreement-popup-title">Drain Inlet – District 4</div>' +
            details.map(function (item) {
                return "<b>" + escapeCameraHtml(item[0]) + ":</b> " +
                    escapeCameraHtml(item[1]) + "<br>";
            }).join("") +
            '<div class="row-disclaimer">CIMS drainage asset information. Caltrans network or VPN may be required.</div>' +
            "</div>"
        );
        layer.on("click", function () {
            drainInletPopupOpen = true;
            lockedDrainFlowLayer = layer;
            hoveredDrainFlowLayer = null;
            showDrainInletFlow(p);
        });
        layer.on("mouseover", function (event) {
            if (!drainHoverEventAllowed(event)) return;
            if (lockedDrainFlowLayer === layer) return;

            // Hovering a different inlet takes over from any arrow that was
            // previously locked by clicking.
            lockedDrainFlowLayer = null;
            hoveredDrainFlowLayer = layer;
            showDrainInletFlow(p);
        });
        layer.on("mouseout", function (event) {
            if (!drainHoverEventAllowed(event)) return;
            if (hoveredDrainFlowLayer !== layer) return;

            hoveredDrainFlowLayer = null;
            if (lockedDrainFlowLayer !== layer) clearDrainInletFlow();
        });
        layer.on("popupopen", function () {
            drainInletPopupOpen = true;
        });
        layer.on("popupclose", function () {
            drainInletPopupOpen = false;
        });
    }
});
let drainInletsRequest = null;
let drainInletsLoadTimer = null;

async function loadDrainInletsInView() {
    if (!map.hasLayer(drainInletsLayer)) return;
    if (drainInletPopupOpen) return;
    if (map.getZoom() < 14) {
        drainInletsLayer.clearLayers();
        return;
    }

    const bounds = map.getBounds();
    const geometry = {
        xmin: bounds.getWest(),
        ymin: bounds.getSouth(),
        xmax: bounds.getEast(),
        ymax: bounds.getNorth(),
        spatialReference: { wkid: 4326 }
    };
    if (drainInletsRequest) drainInletsRequest.abort();
    drainInletsRequest = new AbortController();
    const parameters = new URLSearchParams({
        where: "District = '04' AND Status = 0 AND ETType IN (2,3)",
        geometry: JSON.stringify(geometry),
        geometryType: "esriGeometryEnvelope",
        inSR: "4326",
        spatialRel: "esriSpatialRelIntersects",
        outFields: "SYSNO,ETNO,District,County,Route,Postmile,ETType,InletOutlet,TravelDirection,Side,HealthScore,GrateType,Width,Height,Depth,Comments",
        returnGeometry: "true",
        outSR: "4326",
        f: "json"
    });

    try {
        let data;
        try {
            const response = await fetch(
                DRAIN_INLETS_QUERY_URL + "?" + parameters.toString(),
                { signal: drainInletsRequest.signal }
            );
            if (!response.ok) throw new Error("Drain inlet service returned " + response.status);
            data = await response.json();
        } catch (fetchError) {
            if (fetchError.name === "AbortError") throw fetchError;
            data = await new Promise(function (resolve, reject) {
                const callbackName = "cimsDrainInlets_" + Date.now() + "_" +
                    Math.random().toString(36).slice(2);
                const script = document.createElement("script");
                const timeout = window.setTimeout(function () {
                    cleanup();
                    reject(new Error("Drain inlet service timed out"));
                }, 20000);
                function cleanup() {
                    window.clearTimeout(timeout);
                    delete window[callbackName];
                    script.remove();
                }
                window[callbackName] = function (result) {
                    cleanup();
                    resolve(result);
                };
                script.onerror = function () {
                    cleanup();
                    reject(new Error("Drain inlet service could not be reached"));
                };
                const jsonpParameters = new URLSearchParams(parameters);
                jsonpParameters.set("callback", callbackName);
                script.src = DRAIN_INLETS_QUERY_URL + "?" +
                    jsonpParameters.toString();
                document.head.appendChild(script);
            });
        }
        if (data.error) throw new Error(data.error.message || "Drain inlet query failed");
        const geoJson = {
            type: "FeatureCollection",
            features: (data.features || []).filter(function (feature) {
                return feature.geometry &&
                    Number.isFinite(Number(feature.geometry.x)) &&
                    Number.isFinite(Number(feature.geometry.y));
            }).map(function (feature) {
                return {
                    type: "Feature",
                    geometry: {
                        type: "Point",
                        coordinates: [
                            Number(feature.geometry.x),
                            Number(feature.geometry.y)
                        ]
                    },
                    properties: feature.attributes || {}
                };
            })
        };
        drainInletsLayer.clearLayers();
        drainInletsLayer.addData(geoJson);
    } catch (error) {
        if (error.name !== "AbortError") {
            console.warn("Unable to draw District 4 drain inlets:", error);
        }
    }
}

function scheduleDrainInletsLoad() {
    window.clearTimeout(drainInletsLoadTimer);
    drainInletsLoadTimer = window.setTimeout(loadDrainInletsInView, 250);
}

optionalOverlayLayers["Caltrans Right of Way"] = rightOfWayLayer;
optionalOverlayLayers["Assessor Parcels"] = assessorParcelsLayer;
optionalOverlayLayers["Maintenance Agreements"] = maintenanceAgreementsLayer;
optionalOverlayLayers["Sensitive Areas"] = sensitiveAreasLayer;

// Official Caltrans District 4 freeway camera feed. Camera locations and
// media URLs come directly from the public Caltrans CCTV feature service.
const CALTRANS_CAMERA_URL =
    "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHhighway/CCTV/FeatureServer/0/query";
const cameraMarkersLayer = L.layerGroup();
let cameraFeatures = [];
let cameraFilter = "all";
let cameraCountyFilter = "";
let camerasLoaded = false;
let camerasLoading = false;
let cameraFilterContainer = null;
let cameraFilterLabel = null;
let cameraSnapshotRefreshTimer = null;

function cameraValue(value) {
    const textValue = String(value || "").trim();
    return textValue && textValue.toLowerCase() !== "null"
        ? textValue
        : "";
}

function escapeCameraHtml(value) {
    return String(value == null ? "" : value)
        .replace(/&/g, "&amp;")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#039;");
}

function isCameraInService(properties) {
    const status = String(properties.inService || "").trim().toLowerCase();
    return !["false", "no", "n", "0", "out of service"].includes(status);
}

function cameraMediaType(properties) {
    return cameraValue(properties.streamingVideoURL)
        ? "live"
        : "picture";
}

function cameraCountyCode(value) {
    const county = cameraValue(value).toUpperCase()
        .replace(/^COUNTY OF\s+/, "")
        .replace(/\s+COUNTY$/, "")
        .trim();
    const countyCodes = {
        "ALA":"ALA", "ALAMEDA":"ALA",
        "CC":"CC", "CONTRA COSTA":"CC",
        "MRN":"MRN", "MARIN":"MRN",
        "NAP":"NAP", "NAPA":"NAP",
        "SF":"SF", "SAN FRANCISCO":"SF",
        "SM":"SM", "SAN MATEO":"SM",
        "SCL":"SCL", "SANTA CLARA":"SCL",
        "SOL":"SOL", "SOLANO":"SOL",
        "SON":"SON", "SONOMA":"SON"
    };
    return countyCodes[county] || county;
}

function cacheBustedCameraUrl(url) {
    const separator = url.includes("?") ? "&" : "?";
    return url + separator + "cameraRefresh=" + Date.now();
}

function cameraIcon(isLive) {
    const symbol = isLive
        ? "&#9654;"
        : '<svg viewBox="0 0 24 18" aria-hidden="true"><path d="M8 2.5 9.5 0h5L16 2.5h3A3 3 0 0 1 22 5.5v8A3 3 0 0 1 19 16.5H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h3Zm4 2.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>';

    return L.divIcon({
        className: "",
        html:
            '<div class="caltrans-camera-icon' +
            (isLive ? " is-live" : "") +
            '" title="' +
            (isLive ? "Live video camera" : "Picture camera") +
            '">' + symbol + '</div>',
        iconSize: [18, 15],
        iconAnchor: [9, 8],
        popupAnchor: [0, -9]
    });
}

function cameraPopupHtml(properties) {
    const liveUrl = cameraValue(properties.streamingVideoURL);
    const imageUrl = cameraValue(properties.currentImageURL);
    const isLive = Boolean(liveUrl);
    const location =
        cameraValue(properties.locationName) ||
        cameraValue(properties.nearbyPlace) ||
        "Caltrans camera";
    const route = cameraValue(properties.route);
    const direction = cameraValue(properties.direction);
    const county = cameraValue(properties.county);
    const routeLine = [direction, route ? "Route " + route : ""]
        .filter(Boolean)
        .join(" ");

    let mediaHtml = "";
    if (isLive) {
        mediaHtml =
            '<iframe class="camera-media" src="' +
            escapeCameraHtml(liveUrl) +
            '" title="Live Caltrans camera" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="eager"></iframe>' +
            '<div class="camera-unavailable-note">Blank screen means this camera is currently unavailable.</div>';
    } else if (imageUrl) {
        mediaHtml =
            '<img class="camera-media camera-snapshot" src="' +
            escapeCameraHtml(cacheBustedCameraUrl(imageUrl)) +
            '" data-camera-image-url="' +
            escapeCameraHtml(imageUrl) +
            '" alt="Current Caltrans camera picture">';
    } else {
        mediaHtml =
            '<div class="camera-media" style="display:flex;align-items:center;justify-content:center;color:white;">Camera image unavailable</div>';
    }

    const mediaUrl = liveUrl || imageUrl;
    return (
        '<div class="camera-popup">' +
        '<div class="camera-popup-title">' +
        escapeCameraHtml(location) +
        "</div>" +
        '<span class="camera-popup-badge' +
        (isLive ? " is-live" : "") +
        '">' +
        (isLive ? "LIVE VIDEO" : "CURRENT PICTURE") +
        "</span>" +
        mediaHtml +
        '<div class="camera-popup-details">' +
        (routeLine ? "<b>" + escapeCameraHtml(routeLine) + "</b><br>" : "") +
        (county ? "County: " + escapeCameraHtml(county) + "<br>" : "") +
        (properties.currentImageUpdateFrequency
            ? "Update frequency: " +
              escapeCameraHtml(properties.currentImageUpdateFrequency) +
              "<br>"
            : "") +
        (mediaUrl
            ? '<a class="camera-popup-link" href="' +
              escapeCameraHtml(mediaUrl) +
              '" target="_blank" rel="noopener">Open Full Camera</a>'
            : "") +
        "</div></div>"
    );
}

function updateCameraCount(visibleCount) {
    if (!cameraFilterLabel) {
        return;
    }
    if (camerasLoading) {
        cameraFilterLabel.textContent = "Cameras — loading…";
    } else if (!camerasLoaded) {
        cameraFilterLabel.textContent = "Cameras";
    } else {
        cameraFilterLabel.textContent =
            "Cameras — " + visibleCount + " shown";
    }
}

function renderCameraMarkers() {
    cameraMarkersLayer.clearLayers();
    let visibleCount = 0;

    cameraFeatures.forEach(function (feature) {
        const properties = feature.properties || {};
        const coordinates = feature.geometry && feature.geometry.coordinates;
        if (!coordinates || coordinates.length < 2 || !isCameraInService(properties)) {
            return;
        }

        const mediaType = cameraMediaType(properties);
        if (cameraFilter !== "all" && cameraFilter !== mediaType) {
            return;
        }
        if (cameraCountyFilter &&
            cameraCountyCode(properties.county) !== cameraCountyFilter) {
            return;
        }

        const longitude = Number(coordinates[0]);
        const latitude = Number(coordinates[1]);
        if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) {
            return;
        }

        const marker = L.marker([latitude, longitude], {
            icon: cameraIcon(mediaType === "live"),
            keyboard: true,
            title: cameraValue(properties.locationName) || "Caltrans camera"
        });
        marker.bindPopup(cameraPopupHtml(properties), {
            maxWidth: 380,
            minWidth: 250,
            className: "caltrans-camera-popup"
        });
        marker.addTo(cameraMarkersLayer);
        visibleCount += 1;
    });

    updateCameraCount(visibleCount);
}

async function loadCaltransCameras() {
    if (camerasLoaded || camerasLoading) {
        return;
    }

    camerasLoading = true;
    updateCameraCount(0);
    const parameters = new URLSearchParams({
        where: "district = 4",
        outFields:
            "locationName,nearbyPlace,longitude,latitude,direction,county,route,inService,streamingVideoURL,currentImageURL,currentImageUpdateFrequency",
        returnGeometry: "true",
        outSR: "4326",
        f: "geojson"
    });

    try {
        const response = await fetch(CALTRANS_CAMERA_URL + "?" + parameters.toString());
        if (!response.ok) {
            throw new Error("Caltrans camera service returned " + response.status);
        }
        const data = await response.json();
        cameraFeatures = Array.isArray(data.features) ? data.features : [];
        camerasLoaded = true;
        renderCameraMarkers();
    } catch (error) {
        console.warn("Unable to load Caltrans cameras:", error);
        if (cameraFilterLabel) {
            cameraFilterLabel.textContent = "Cameras unavailable";
        }
    } finally {
        camerasLoading = false;
        if (camerasLoaded) {
            renderCameraMarkers();
        }
    }
}

optionalOverlayLayers["Caltrans Cameras"] = cameraMarkersLayer;

// District 4 county-line crossings on major routes. County polygons remain
// internal for feed filtering; the visible field layer intentionally has no lines.
const d4CountyReferenceLayer=L.layerGroup();
const d4CountyNames={ALA:"Alameda",CC:"Contra Costa",MRN:"Marin",NAP:"Napa",SF:"San Francisco",SM:"San Mateo",SCL:"Santa Clara",SOL:"Solano",SON:"Sonoma",SJ:"San Joaquin",SCR:"Santa Cruz",SBT:"San Benito",MER:"Merced",SAC:"Sacramento",YOL:"Yolo",LAK:"Lake",MEN:"Mendocino"};
const d4CountyCrossings=[
 {route:"SR-1",a:"SF",b:"SM",lat:37.7082861,lng:-122.4713496},
 {route:"SR-1",a:"SM",b:"SCR",lat:37.1076838,lng:-122.2926615},
 {route:"SR-1",a:"SON",b:"MEN",lat:38.7598063,lng:-123.5184508},
 {route:"SR-1",a:"MRN",b:"SON",lat:38.3137074,lng:-122.8972364},
 {route:"SR-4",a:"CC",b:"SJ",lat:37.8909046,lng:-121.5699747},
 {route:"SR-9",a:"SCL",b:"SCR",lat:37.2583877,lng:-122.1222569},
 {route:"SR-9",a:"SM",b:"SCR",lat:37.2410067,lng:-122.1523597},
 {route:"SR-12",a:"NAP",b:"SOL",lat:38.2096953,lng:-122.2040228},
 {route:"SR-12",a:"SOL",b:"SAC",lat:38.1595654,lng:-121.6852579},
 {route:"SR-17",a:"SCL",b:"SCR",lat:37.1440737,lng:-121.9847463},
 {route:"SR-24",a:"ALA",b:"CC",lat:37.8575533,lng:-122.2129644},
 {route:"SR-25",a:"SCL",b:"SBT",lat:36.9480513,lng:-121.5120996},
 {route:"SR-29",a:"NAP",b:"LAK",lat:38.6759606,lng:-122.5920123},
 {route:"SR-29",a:"NAP",b:"SOL",lat:38.1549537,lng:-122.2536166},
 {route:"SR-35",a:"SCL",b:"SCR",lat:37.2052994,lng:-122.0480593},
 {route:"SR-35",a:"SCL",b:"SM",lat:37.3095829,lng:-122.1688008},
 {route:"SR-35",a:"SF",b:"SM",lat:37.7082905,lng:-122.4983067},
 {route:"SR-37",a:"MRN",b:"SON",lat:38.1154614,lng:-122.5057053},
 {route:"SR-37",a:"SOL",b:"SON",lat:38.1556778,lng:-122.4068201},
 {route:"I-80",a:"ALA",b:"SF",lat:37.8192165,lng:-122.3497133},
 {route:"I-80",a:"ALA",b:"CC",lat:37.8979041,lng:-122.30936},
 {route:"I-80",a:"CC",b:"SOL",lat:38.0610028,lng:-122.2264966},
 {route:"I-80",a:"NAP",b:"SOL",lat:38.1550632,lng:-122.2148717},
 {route:"I-80",a:"SOL",b:"YOL",lat:38.5377029,lng:-121.7386012},
 {route:"SR-82",a:"SF",b:"SM",lat:37.7082321,lng:-122.4590526},
 {route:"SR-82",a:"SCL",b:"SM",lat:37.4469717,lng:-122.1716848},
 {route:"SR-84",a:"ALA",b:"SM",lat:37.506821,lng:-122.1172477},
 {route:"SR-84",a:"SOL",b:"YOL",lat:38.3137146,lng:-121.6307018},
 {route:"SR-92",a:"ALA",b:"SM",lat:37.6045364,lng:-122.1967825},
 {route:"US-101",a:"SCL",b:"SBT",lat:36.9173606,lng:-121.5479657},
 {route:"US-101",a:"SF",b:"SM",lat:37.708252,lng:-122.3948364},
 {route:"US-101",a:"SCL",b:"SM",lat:37.4528717,lng:-122.1278349},
 {route:"US-101",a:"SON",b:"MEN",lat:38.8525867,lng:-123.0317417},
 {route:"US-101",a:"MRN",b:"SON",lat:38.1846101,lng:-122.60129},
 {route:"SR-113",a:"SOL",b:"YOL",lat:38.5308975,lng:-121.7685126},
 {route:"SR-121",a:"NAP",b:"SON",lat:38.2506964,lng:-122.3790737},
 {route:"SR-123",a:"ALA",b:"CC",lat:37.8984052,lng:-122.3015526},
 {route:"SR-128",a:"NAP",b:"SON",lat:38.602511,lng:-122.644737},
 {route:"SR-128",a:"NAP",b:"SOL",lat:38.5121628,lng:-122.1034886},
 {route:"SR-128",a:"SOL",b:"YOL",lat:38.5129107,lng:-122.0956557},
 {route:"SR-128",a:"SON",b:"MEN",lat:38.8522185,lng:-123.0773389},
 {route:"SR-152",a:"SCL",b:"MER",lat:37.0676864,lng:-121.2139782},
 {route:"SR-152",a:"SCL",b:"SCR",lat:36.9957279,lng:-121.7176741},
 {route:"SR-156",a:"SCL",b:"SBT",lat:36.9596935,lng:-121.3836092},
 {route:"SR-160",a:"CC",b:"SAC",lat:38.0241764,lng:-121.7514665},
 {route:"I-205",a:"ALA",b:"SJ",lat:37.7430341,lng:-121.5572346},
 {route:"SR-220",a:"SOL",b:"SAC",lat:38.2365447,lng:-121.6032559},
 {route:"I-280",a:"SF",b:"SM",lat:37.7082813,lng:-122.4686003},
 {route:"I-280",a:"SCL",b:"SM",lat:37.4091118,lng:-122.1941102},
 {route:"I-505",a:"SOL",b:"YOL",lat:38.5256888,lng:-121.9527756},
 {route:"I-580",a:"ALA",b:"SJ",lat:37.7390468,lng:-121.557135},
 {route:"I-580",a:"ALA",b:"CC",lat:37.8974813,lng:-122.3118224},
 {route:"I-580",a:"CC",b:"MRN",lat:37.9343842,lng:-122.4338186},
 {route:"I-680",a:"ALA",b:"SCL",lat:37.4645777,lng:-121.9039584},
 {route:"I-680",a:"ALA",b:"CC",lat:37.723425,lng:-121.9399588},
 {route:"I-680",a:"CC",b:"SOL",lat:38.039595,lng:-122.1191859},
 {route:"I-880",a:"ALA",b:"SCL",lat:37.4549426,lng:-121.9229719}
];
let d4CountyMarkerFilter="ALL";
function d4CountyCrossingPopup(c,postmile){
 const pm=postmile?'<div><strong>Postmile:</strong> '+postmile+'</div>':'<div class="county-crossing-pm"><strong>Postmile:</strong> Loading…</div>';
 return '<div class="county-crossing-popup"><strong>'+c.route+' County Line</strong><div>'+d4CountyNames[c.a]+' / '+d4CountyNames[c.b]+'</div>'+pm+'</div>';
}
function d4CountyCrossingTooltip(c,postmile){
 const pm=postmile||"Loading…";
 return '<strong>'+c.route+' County Line</strong><br>'+d4CountyNames[c.a]+' / '+d4CountyNames[c.b]+'<br><strong>Postmile:</strong> '+pm;
}
function updateD4CountyCrossingDetails(marker,c,postmile){
 c.postmile=postmile||"Unavailable";
 if(marker.getTooltip())marker.setTooltipContent(d4CountyCrossingTooltip(c,c.postmile));
 if(marker.getPopup())marker.setPopupContent(d4CountyCrossingPopup(c,c.postmile));
}
async function snapD4CountyCrossing(marker,c){
 const route=Number(String(c.route).replace(/\D/g,""));
 const cacheKey="d4-county-crossing-v2-"+[c.route,c.a,c.b].join("-");
 try{
  const cached=JSON.parse(localStorage.getItem(cacheKey)||"null");
  if(cached&&cached.postmile){updateD4CountyCrossingDetails(marker,c,cached.postmile);return;}
 }catch(error){}
 try{
  const parameters=new URLSearchParams({f:"json",where:"Route="+route,geometry:JSON.stringify({x:c.lng,y:c.lat,spatialReference:{wkid:4326}}),geometryType:"esriGeometryPoint",inSR:"4326",spatialRel:"esriSpatialRelIntersects",distance:"5000",units:"esriSRUnit_Meter",outFields:"County,PMPrefix,PM,PMSuffix,Route",returnGeometry:"true",outSR:"4326",resultRecordCount:"200"});
  const response=await fetch("https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHhighway/SHN_Postmiles_Tenth/FeatureServer/0/query?"+parameters);
  if(!response.ok)throw new Error("Postmile request failed");
  const data=await response.json();
  let best=null;
  (data.features||[]).forEach(feature=>{
   const g=feature.geometry||{};if(!Number.isFinite(g.x)||!Number.isFinite(g.y))return;
   const dx=(g.x-c.lng)*Math.cos(c.lat*Math.PI/180),dy=g.y-c.lat,d=dx*dx+dy*dy;
   if(!best||d<best.d)best={d:d,feature:feature};
  });
  if(!best)return;
  const g=best.feature.geometry,a=best.feature.attributes||{};
  const pm=(a.County?String(a.County).trim()+" ":"")+(a.PMPrefix||"")+Number(a.PM).toFixed(1)+(a.PMSuffix||"");
  updateD4CountyCrossingDetails(marker,c,pm);
  try{localStorage.setItem(cacheKey,JSON.stringify({postmile:pm}));}catch(error){}
 }catch(error){console.warn("County crossing snap unavailable:",c.route,error);updateD4CountyCrossingDetails(marker,c,"Unavailable");}
}
function d4CountyMarkersUseTap(){
 return document.body.classList.contains("installed-app-only")||!window.matchMedia("(hover:hover) and (pointer:fine)").matches;
}
function renderD4CountyCrossings(){
 d4CountyReferenceLayer.clearLayers();
 d4CountyCrossings.filter(c=>d4CountyMarkerFilter==="ALL"||c.a===d4CountyMarkerFilter||c.b===d4CountyMarkerFilter).forEach(c=>{
  const html='<div class="county-line-crossing"><span>'+c.a+'</span><b aria-hidden="true">/</b><span>'+c.b+'</span></div>';
  const marker=L.marker([c.lat,c.lng],{icon:L.divIcon({className:"",html:html,iconSize:[66,28],iconAnchor:[33,14]})});
  if(d4CountyMarkersUseTap())marker.bindPopup(d4CountyCrossingPopup(c,c.postmile||""));
  else marker.bindTooltip(d4CountyCrossingTooltip(c,c.postmile||""),{direction:"top",offset:[0,-12]});
  marker.addTo(d4CountyReferenceLayer);
  snapD4CountyCrossing(marker,c);
 });
}
window.setD4CountyMarkerFilter=function(countyCode){
 const normalized=String(countyCode||"").trim().toUpperCase();
 d4CountyMarkerFilter=d4CountyNames[normalized]?normalized:"ALL";
 const select=document.querySelector("#county-marker-filter");
 if(select)select.value=d4CountyMarkerFilter;
 renderD4CountyCrossings();
};
renderD4CountyCrossings();
optionalOverlayLayers["County Lines & Markers"]=d4CountyReferenceLayer;
const d4CountyMarkerFilterControl=L.control({position:"topright"});
d4CountyMarkerFilterControl.onAdd=function(){
 const panel=L.DomUtil.create("div","county-marker-filter-control");
 panel.innerHTML='<strong>County Line Markers</strong><label for="county-marker-filter">County</label><select id="county-marker-filter"><option value="ALL">All District 4 counties</option>'+Object.keys(d4CountyNames).map(code=>'<option value="'+code+'">'+d4CountyNames[code]+' ('+code+')</option>').join("")+'</select>';
 L.DomEvent.disableClickPropagation(panel);L.DomEvent.disableScrollPropagation(panel);
 panel.querySelector("select").value=d4CountyMarkerFilter;
 panel.querySelector("select").addEventListener("change",event=>window.setD4CountyMarkerFilter(event.target.value));
 return panel;
};
map.on("overlayadd",event=>{if(event.layer===d4CountyReferenceLayer)d4CountyMarkerFilterControl.addTo(map);});
map.on("overlayremove",event=>{if(event.layer===d4CountyReferenceLayer)d4CountyMarkerFilterControl.remove();});

// District 4 traveler-information overlays. Closures use Caltrans's dedicated
// D04 feed. CHP's statewide KML is clipped before Leaflet objects are created.
const D4_LCS_URL = "https://cwwp2.dot.ca.gov/data/d4/lcs/lcsStatusD04.json";
const CHP_INCIDENTS_URL = "/chp-golden-gate.kml";
const CHP_ARCGIS_FALLBACK = "https://services1.arcgis.com/P5Mv5GY5S66M8Z1Q/ArcGIS/rest/services/CalTransTrafficData/FeatureServer/2/query";
const D4_GOLDEN_GATE_BOUNDS = L.latLngBounds([36.82, -123.65], [39.18, -121.00]);
// Lightweight outline around the nine Golden Gate counties. This keeps nearby
// Valley Division incidents around Sacramento and Stockton out of the map.
const D4_GOLDEN_GATE_OUTLINE = [
    [-123.65,38.95],[-123.25,39.18],[-122.38,39.18],[-121.95,38.86],
    [-121.53,38.55],[-121.48,37.86],[-121.18,37.42],[-121.48,36.82],
    [-122.36,36.82],[-122.58,37.14],[-123.35,37.70]
];
const chpIncidentsD4Layer = L.layerGroup();
const caltransClosuresD4Layer = L.layerGroup();
const closureRouteSelectionLayer = L.layerGroup().addTo(map);
const trafficInformationD4Layer = L.layerGroup();
let trafficLiveSpeedLayer = null;
const closureRouteCache = new Map();
let closureRouteRequestNumber = 0;
let d4ClosureRecords = [];
let d4TrafficRefreshTimer = null;
let d4TrafficLoading = false;
let d4ClosureLastLoaded = 0;

function trafficIcon(kind, symbol) {
    return L.divIcon({ className:"", html:'<div class="traffic-event-icon ' + kind + '">' + symbol + "</div>", iconSize:[28,28], iconAnchor:[14,14], popupAnchor:[0,-16] });
}
function chpSymbolSvg(kind) {
    if (kind === "ct") return '<img class="chp-ct-symbol" src="assets/ct-symbol.png" alt="CT">';
    if (kind === "collision") return '<svg viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M2.5 15.5l1-5 4.2-2.3 3.8 3.7-1.6 4.4z"/><path d="M21.5 15.5l-1-5-4.2-2.3-3.8 3.7 1.6 4.4z"/></g><g fill="currentColor"><circle cx="5.4" cy="16.3" r="1.4"/><circle cx="9.1" cy="16.3" r="1.4"/><circle cx="18.6" cy="16.3" r="1.4"/><circle cx="14.9" cy="16.3" r="1.4"/></g><path d="M12 6.3l1 2.3 2.5-.8-1.3 2.2 2 1.6-2.6.2-.3 2.6-1.5-2.1-2.2 1.3.8-2.5-2.3-1.1 2.5-.8-.4-2.6z" fill="#ffd54f" stroke="#fff" stroke-width=".55"/></svg>';
    if (kind === "fire") return '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M13 2c1 4-2 5-1 8 1-2 3-2 4-4 3 3 4 6 3 9-1 4-4 7-8 7s-7-3-7-7c0-3 2-6 5-9 0 3 1 4 2 5 0-4 3-5 2-9z" fill="currentColor"/></svg>';
    if (kind === "hazard") return '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M6 18l3-6 4 2 3-5 3 9" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/><path d="M18 3v7" stroke="currentColor" stroke-width="2.3" stroke-linecap="round"/><circle cx="18" cy="13" r="1.3" fill="currentColor"/></svg>';
    if (kind === "construction") return '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 16v-1.5c0-4.3 3.1-8 7.2-8.7V4h1.6v1.8c4.1.7 7.2 4.4 7.2 8.7V16" fill="#f28c18"/><path d="M8 7.4V14M16 7.4V14" stroke="#fff" stroke-width="1.5" opacity=".9"/><path d="M2.5 16h19v2.5h-19z" rx="1.2" fill="#e86f00"/><path d="M5 18.5h14" stroke="#a94700" stroke-width="1.2"/></svg>';
    if (kind === "fatal") return '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a8 8 0 00-8 8c0 3 1.5 5.3 4 6.6V21h3v-3h2v3h3v-4.4c2.5-1.3 4-3.6 4-6.6a8 8 0 00-8-8z" fill="currentColor"/><circle cx="9" cy="10" r="2" fill="#a90000"/><circle cx="15" cy="10" r="2" fill="#a90000"/><path d="M10 15h4" stroke="#a90000" stroke-width="1.8"/></svg>';
    return '<span aria-hidden="true">!</span>';
}
function classifyChpIncident(title, details) {
    const text=String(title||"")+" "+String(details||"");
    if (/\b(fatal(?:ity)?|deceased|pronounced\s+dead|1144)\b/i.test(text)) return {kind:"fatal",label:"Fatality"};
    if (/\bassist(?:ing)?\s+(?:with\s+)?construction\b|\bconstruction\s+assist\b/i.test(text)) return {kind:"construction",label:"Assist with Construction"};
    if (/\b(assist\s+ct|caltrans|ct)\b/i.test(text)) return {kind:"ct",label:"Assist CT"};
    if (/\b(traffic|trfc)\s+collision\b|\b(?:tc|1179|1182)\b/i.test(text)) return {kind:"collision",label:"Traffic Collision"};
    if (/\b(fire|smoke|vehicle\s+fire)\b/i.test(text)) return {kind:"fire",label:"Fire"};
    if (/\btraffic\s+hazard\b|\b1125\b/i.test(text)) return {kind:"hazard",label:"Traffic Hazard"};
    return {kind:"default",label:"CHP Incident"};
}
function chpIncidentIcon(category) {
    const css=category.kind==="default"?"is-chp":"is-chp-"+category.kind;
    return trafficIcon(css,chpSymbolSvg(category.kind));
}
let chpPopupSequence=0;
function chpDetailEntries(details) {
    const text=String(details||"").replace(/\s+/g," ").trim();
    if(!text)return[];
    const stamp=/(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s+\d{1,2}\s+\d{4}\s+\d{1,2}:\d{2}\s*(?:AM|PM)|\d{1,2}\/\d{1,2}\/\d{4}\s+\d{1,2}:\d{2}\s*(?:AM|PM)/gi;
    const matches=Array.from(text.matchAll(stamp));
    if(matches.length<2)return[{time:"",text:text}];
    const entries=[];
    matches.forEach(function(match,index){
        const start=match.index, end=index+1<matches.length?matches[index+1].index:text.length;
        let body=text.slice(start+match[0].length,end).replace(/^\s*[|·:-]?\s*/,"").trim();
        const numberMatch=body.match(/^\[(\d+)\]\s*/); const number=numberMatch?numberMatch[1]:"";
        if(numberMatch)body=body.slice(numberMatch[0].length).trim();
        if(body)entries.push({time:match[0].replace(/\s+/g," "),number:number,text:body});
    });
    return entries.length?entries:[{time:"",text:text}];
}
window.chpCycleUpdate=function(button,delta){
    const carousel=button.closest(".chp-update-carousel"); if(!carousel)return;
    const entries=Array.from(carousel.querySelectorAll(".chp-update-entry")); if(entries.length<2)return;
    let index=entries.findIndex(function(entry){return !entry.hidden;}); if(index<0)index=0;
    entries[index].hidden=true; index=(index+delta+entries.length)%entries.length; entries[index].hidden=false;
    const count=carousel.querySelector(".chp-update-count"); if(count)count.textContent=entries[index].dataset.entryNumber?"Entry "+entries[index].dataset.entryNumber:(index+1)+" of "+entries.length;
};
function chpUpdatesHtml(details) {
    const entries=chpDetailEntries(details); if(!entries.length)return"";
    const id="chp-updates-"+(++chpPopupSequence);
    const items=entries.map(function(entry,index){return '<div class="chp-update-entry" data-entry-number="'+trafficText(entry.number||"")+'"'+(index?' hidden':'')+'>'+(entry.time?'<span class="chp-update-time">'+trafficText(entry.time)+'</span>':'')+'<div>'+trafficText(entry.text)+'</div></div>';}).join("");
    const firstLabel=entries[0].number?"Entry "+entries[0].number:"1 of "+entries.length;
    const controls=entries.length>1?'<div class="chp-update-controls"><button type="button" aria-label="Previous CHP update" onclick="chpCycleUpdate(this,-1)">‹</button><span class="chp-update-count">'+trafficText(firstLabel)+'</span><button type="button" aria-label="Next CHP update" onclick="chpCycleUpdate(this,1)">›</button></div>':"";
    return '<div class="chp-update-carousel" id="'+id+'">'+items+controls+'</div>';
}
function chpIncidentOverviewHtml(title, details) {
    const text=String(details||"").replace(/\s+/g," ").trim();
    const firstUpdate=text.search(/(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s+\d{1,2}\s+\d{4}\s+\d{1,2}:\d{2}\s*(?:AM|PM)|\d{1,2}\/\d{1,2}\/\d{4}\s+\d{1,2}:\d{2}\s*(?:AM|PM)/i);
    const intro=(firstUpdate>0?text.slice(0,firstUpdate):"").replace(/\s*[|·:-]?\s*$/," ").trim();
    return '<div class="chp-incident-summary"><strong>'+trafficText(title)+'</strong>'+(intro&&intro!==title?'<div>'+trafficText(intro)+'</div>':'')+'</div>';
}
function chpIncidentPopup(title, details, category, refreshText) {
    const css=category.kind==="default"?"is-chp":"is-chp-"+category.kind;
    return '<div class="traffic-event-popup"><h3 class="chp-popup-title"><span class="chp-popup-symbol '+css+'">'+chpSymbolSvg(category.kind)+'</span><span>CHP Incident · '+trafficText(category.label)+'</span></h3>'+chpIncidentOverviewHtml(title,details)+chpUpdatesHtml(details)+'<div class="traffic-source">CHP Golden Gate / District 4 only'+(refreshText?' · '+refreshText:'')+'</div></div>';
}
function closureSymbolSvg(kind) {
    if (kind === "moving") return '<svg viewBox="0 0 32 36" aria-hidden="true"><rect x="4" y="1" width="24" height="11" rx="1.5" fill="#20262b"/><path d="M23 4H13v-2L7 6l6 4V8h10" fill="none" stroke="#ffb300" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"/><rect x="7" y="12" width="18" height="11" rx="2" fill="#fff" stroke="#59666d" stroke-width="1.2"/><circle cx="10" cy="20" r="1.5" fill="#d32f2f"/><circle cx="22" cy="20" r="1.5" fill="#d32f2f"/><rect x="3" y="23" width="26" height="10" rx="2" fill="#f5c542" stroke="#a66b00" stroke-width="1"/><path d="M5 31l6-6M11 32l7-7M18 32l7-7M25 31l3-3" stroke="#ef6c00" stroke-width="2.8"/><path d="M7 24h18" stroke="#fff" stroke-width="1.4"/></svg>';
    if (kind === "full") return '<svg viewBox="0 0 32 32" aria-hidden="true"><path d="M6 27V10M26 27V10" stroke="#31383d" stroke-width="2.3" stroke-linecap="round"/><rect x="3" y="8" width="26" height="11" rx="1.5" fill="#fff" stroke="#31383d" stroke-width="1.5"/><path d="M4 18L11 9M11 18l7-9M18 18l7-9M25 18l3-4" stroke="#ef6c00" stroke-width="4"/></svg>';
    return '<svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3l8 23H8L16 3z" fill="#f26a21" stroke="#b84712" stroke-width="1.2"/><path d="M12 14h8M10 21h12" stroke="#fff" stroke-width="3"/><ellipse cx="16" cy="27" rx="12" ry="3" fill="#d95716"/></svg>';
}
function closureMarkerIcon(kind) {
    return L.divIcon({className:"",html:'<div class="closure-event-icon is-'+kind+'">'+closureSymbolSvg(kind)+"</div>",iconSize:[27,32],iconAnchor:[14,30],popupAnchor:[0,-30]});
}
function trafficText(value) { return escapeCameraHtml(value == null ? "" : value); }
function trafficPlainText(value) {
    const parsed = new DOMParser().parseFromString("<div>" + String(value || "") + "</div>", "text/html");
    return (parsed.body.textContent || "").replace(/\s+/g, " ").trim();
}
function inD4TrafficBounds(lat, lng) {
    const insideDistrict = Number.isFinite(lat) && Number.isFinite(lng) && D4_GOLDEN_GATE_BOUNDS.contains([lat,lng]);
    return insideDistrict && (!window.trafficCountyAllows || window.trafficCountyAllows(lat, lng));
}
function closureCountyValue(record) {
    const location=record.location||{}, begin=location.begin||{}, end=location.end||{};
    return begin.beginCounty||begin.county||end.endCounty||end.county||location.county||
        record.county||((record.closure||{}).county)||"";
}
function inGoldenGateChpArea(lat, lng) {
    if (!inD4TrafficBounds(lat,lng)) return false;
    let inside=false;
    for(let i=0,j=D4_GOLDEN_GATE_OUTLINE.length-1;i<D4_GOLDEN_GATE_OUTLINE.length;j=i++){
        const xi=D4_GOLDEN_GATE_OUTLINE[i][0], yi=D4_GOLDEN_GATE_OUTLINE[i][1], xj=D4_GOLDEN_GATE_OUTLINE[j][0], yj=D4_GOLDEN_GATE_OUTLINE[j][1];
        if(((yi>lat)!==(yj>lat)) && lng < (xj-xi)*(lat-yi)/(yj-yi)+xi) inside=!inside;
    }
    return inside;
}
function closureIsFull(record) {
    const closure = record.closure || {};
    const type = String(closure.typeOfClosure || "").toLowerCase();
    const lanes = Number(closure.lanesClosed), total = Number(closure.totalExistingLanes);
    return type.includes("full") || type.includes("road closed") || (Number.isFinite(lanes) && Number.isFinite(total) && total > 0 && lanes >= total);
}
function closureIsMoving(record) {
    return String(((record.closure || {}).typeOfClosure) || "").trim().toLowerCase() === "moving";
}
function closureCalendarDate(value) {
    const text=String(value||"").trim();
    let match=text.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
    if(match)return Number(match[1])*10000+Number(match[2])*100+Number(match[3]);
    match=text.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})/);
    if(match)return Number(match[3])*10000+Number(match[1])*100+Number(match[2]);
    return null;
}
function closureClockMinutes(value) {
    const text=String(value||"").trim();
    if(!text)return null;
    let match=text.match(/^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM)?$/i);
    if(!match)match=text.match(/^(\d{1,2})(\d{2})\s*(AM|PM)?$/i);
    if(!match)return null;
    let hour=Number(match[1]), minute=Number(match[2]);
    const meridiem=String(match[3]||"").toUpperCase();
    if(minute>59)return null;
    if(meridiem){
        if(hour<1||hour>12)return null;
        if(hour===12)hour=0;
        if(meridiem==="PM")hour+=12;
    }else if(hour>23)return null;
    return hour*60+minute;
}
function closureOccursToday(record) {
    const stamp=((record.closure||{}).closureTimestamp)||{};
    const now=new Date();
    const today=now.getFullYear()*10000+(now.getMonth()+1)*100+now.getDate();
    const start=closureCalendarDate(stamp.closureStartDate);
    const end=closureCalendarDate(stamp.closureEndDate);
    const indefinite=String(stamp.isClosureEndIndefinite||"").toLowerCase()==="true";
    if(!indefinite&&end===today){
        const endMinutes=closureClockMinutes(stamp.closureEndTime);
        const nowMinutes=now.getHours()*60+now.getMinutes();
        if(endMinutes!==null&&endMinutes<=nowMinutes)return false;
    }
    if(indefinite&&start!==null)return start<=today;
    if(start!==null&&end!==null)return start<=today&&today<=end;
    if(start!==null)return start===today;
    if(end!==null)return end===today;
    return false;
}
function closurePopup(record, heading, kind) {
    const location=record.location||{}, begin=location.begin||{}, end=location.end||{}, closure=record.closure||{}, stamp=closure.closureTimestamp||{};
    const route=begin.beginRoute||end.endRoute||"Highway", place=begin.beginNearbyPlace||begin.beginLocationName||"District 4";
    const start=[stamp.closureStartDate,stamp.closureStartTime].filter(Boolean).join(" ");
    const finish=stamp.isClosureEndIndefinite === "true" ? "Indefinite" : [stamp.closureEndDate,stamp.closureEndTime].filter(Boolean).join(" ");
    return '<div class="traffic-event-popup"><h3 class="closure-popup-title">'+closureSymbolSvg(kind)+'<span>'+trafficText(heading)+"</span></h3><b>"+trafficText(route)+" — "+trafficText(place)+"</b><br>"+
        (closure.typeOfClosure?"Closure: "+trafficText(closure.typeOfClosure)+"<br>":"")+(closure.typeOfWork?"Work: "+trafficText(closure.typeOfWork)+"<br>":"")+
        (location.travelFlowDirection?"Direction: "+trafficText(location.travelFlowDirection)+"<br>":"")+(start?"Starts: "+trafficText(start)+"<br>":"")+
        (finish?"Ends: "+trafficText(finish)+"<br>":"")+(closure.estimatedDelay?"Estimated delay: "+trafficText(closure.estimatedDelay)+" min<br>":"")+
        '<div class="traffic-source">Click this marker to show its road-snapped path.<br>Live Caltrans District 4 LCS feed · refreshes every 5 minutes</div></div>';
}
async function showSnappedClosureRoute(record, color, popup) {
    closureRouteSelectionLayer.clearLayers();
    const location=record.location||{}, begin=location.begin||{}, end=location.end||{};
    const aLat=Number(begin.beginLatitude), aLng=Number(begin.beginLongitude), bLat=Number(end.endLatitude), bLng=Number(end.endLongitude);
    if(!inD4TrafficBounds(aLat,aLng)||!inD4TrafficBounds(bLat,bLng)||!tomTomTrafficApiKey)return;
    const cacheKey=String(record.index||[aLat,aLng,bLat,bLng].join(","));
    const drawRoute=function(points){
        L.polyline(points,{color:"#fff",weight:9,opacity:.9,interactive:false}).addTo(closureRouteSelectionLayer);
        L.polyline(points,{color:color,weight:5,opacity:.95,bubblingMouseEvents:false}).bindPopup(popup,{maxWidth:350}).addTo(closureRouteSelectionLayer);
    };
    if(closureRouteCache.has(cacheKey)){drawRoute(closureRouteCache.get(cacheKey));return;}
    const requestNumber=++closureRouteRequestNumber;
    const routeUrl="https://api.tomtom.com/routing/1/calculateRoute/"+aLat+","+aLng+":"+bLat+","+bLng+"/json?routeType=shortest&traffic=false&travelMode=car&routeRepresentation=polyline&key="+encodeURIComponent(tomTomTrafficApiKey);
    try{
        const response=await fetch(routeUrl); if(!response.ok)throw new Error("TomTom routing returned "+response.status);
        const data=await response.json();
        const points=[]; (((data.routes||[])[0]||{}).legs||[]).forEach(function(leg){(leg.points||[]).forEach(function(point){points.push([Number(point.latitude),Number(point.longitude)]);});});
        if(requestNumber!==closureRouteRequestNumber||points.length<2)return;
        closureRouteCache.set(cacheKey,points); drawRoute(points);
    }catch(error){console.warn("Unable to snap selected closure to the roadway:",error);}
}
function drawClosureRecord(target, record, color, heading, kind) {
    const location=record.location||{}, begin=location.begin||{}, end=location.end||{};
    const aLat=Number(begin.beginLatitude), aLng=Number(begin.beginLongitude), bLat=Number(end.endLatitude), bLng=Number(end.endLongitude);
    if (!inD4TrafficBounds(aLat,aLng)) return;
    if (window.trafficCountyRecordAllows && !window.trafficCountyRecordAllows(closureCountyValue(record),aLat,aLng)) return;
    const popup=closurePopup(record,heading,kind);
    const marker=L.marker([aLat,aLng],{icon:closureMarkerIcon(kind),bubblingMouseEvents:false,title:heading}).bindPopup(popup,{maxWidth:350});
    marker.on("click",function(){showSnappedClosureRoute(record,color,popup);});
    marker.addTo(target);
}
function renderD4ClosureLayers() {
    caltransClosuresD4Layer.clearLayers();
    if (!map.hasLayer(caltransClosuresD4Layer)) return;
    d4ClosureRecords.forEach(function(record){
        if(!closureOccursToday(record))return;
        const moving=closureIsMoving(record);
        const full=closureIsFull(record);
        if (moving) drawClosureRecord(caltransClosuresD4Layer,record,"#f5a000","Moving Lane Closure","moving");
        else if (full) drawClosureRecord(caltransClosuresD4Layer,record,"#d84315","Full Closure","full");
        else drawClosureRecord(caltransClosuresD4Layer,record,"#f5a000","Lane Closure","lane");
    });
}
async function loadD4Closures() {
    if (d4TrafficLoading) return;
    if (d4ClosureRecords.length && Date.now()-d4ClosureLastLoaded < 270000) {
        renderD4ClosureLayers();
        return;
    }
    d4TrafficLoading=true;
    try {
        const response=await fetch(D4_LCS_URL+"?refresh="+Date.now());
        if (!response.ok) throw new Error("District 4 closure feed returned "+response.status);
        const payload=await response.json();
        d4ClosureRecords=(payload.data||[]).map(function(item){return item.lcs;}).filter(function(record){return record&&record.location&&record.location.begin&&String(record.location.begin.beginDistrict)==="4";});
        d4ClosureLastLoaded=Date.now();
        renderD4ClosureLayers();
    } catch(error) { console.warn("Unable to load District 4 traffic closures:",error); }
    finally { d4TrafficLoading=false; }
}
async function loadD4ChpIncidents() {
    if (!map.hasLayer(chpIncidentsD4Layer)) return;
    try {
        let response=await fetch(CHP_INCIDENTS_URL+"?refresh="+Date.now());
        if (!response.ok) throw new Error("CHP incident feed returned "+response.status);
        const xml=new DOMParser().parseFromString(await response.text(),"application/xml");
        chpIncidentsD4Layer.clearLayers();
        Array.from(xml.getElementsByTagName("Placemark")).forEach(function(place){
            const node=place.getElementsByTagName("coordinates")[0]; if(!node)return;
            const parts=node.textContent.trim().split(","), lng=Number(parts[0]), lat=Number(parts[1]); if(!inGoldenGateChpArea(lat,lng))return;
            const nameNode=place.getElementsByTagName("name")[0], descriptionNode=place.getElementsByTagName("description")[0];
            const name=nameNode?nameNode.textContent.trim():"CHP Incident", details=trafficPlainText(descriptionNode?descriptionNode.textContent:"");
            const category=classifyChpIncident(name,details);
            const popup=chpIncidentPopup(name,details,category,"refreshes every minute");
            L.marker([lat,lng],{icon:chpIncidentIcon(category),bubblingMouseEvents:false,title:category.label+": "+name}).bindPopup(popup,{maxWidth:350}).addTo(chpIncidentsD4Layer);
        });
    } catch(error) {
        console.warn("Primary CHP feed unavailable; trying browser-safe fallback:",error);
        try {
            const parameters=new URLSearchParams({where:"OID > 0",geometry:"-123.65,36.82,-121.00,39.18",geometryType:"esriGeometryEnvelope",inSR:"4326",spatialRel:"esriSpatialRelIntersects",outFields:"Name,Snippet,PopupInfo",returnGeometry:"true",outSR:"4326",f:"json"});
            const fallback=await fetch(CHP_ARCGIS_FALLBACK+"?"+parameters.toString());
            if(!fallback.ok)throw new Error("CHP fallback returned "+fallback.status);
            const payload=await fallback.json(); chpIncidentsD4Layer.clearLayers();
            (payload.features||[]).forEach(function(feature){
                const geometry=feature.geometry||{}, lat=Number(geometry.y), lng=Number(geometry.x); if(!inGoldenGateChpArea(lat,lng))return;
                const attributes=feature.attributes||{}, title=attributes.Name||"CHP Incident", details=trafficPlainText(attributes.PopupInfo||attributes.Snippet||"");
                const category=classifyChpIncident(title,details);
                const popup=chpIncidentPopup(title,details,category,"");
                L.marker([lat,lng],{icon:chpIncidentIcon(category),bubblingMouseEvents:false,title:category.label+": "+title}).bindPopup(popup,{maxWidth:350}).addTo(chpIncidentsD4Layer);
            });
        } catch(fallbackError) { console.warn("Unable to load CHP Golden Gate incidents:",fallbackError); }
    }
}
function updateD4TrafficRefresh() {
    window.clearInterval(d4TrafficRefreshTimer); d4TrafficRefreshTimer=null;
    const closuresOn=map.hasLayer(caltransClosuresD4Layer);
    if(closuresOn)loadD4Closures(); if(map.hasLayer(chpIncidentsD4Layer))loadD4ChpIncidents();
    if(closuresOn||map.hasLayer(chpIncidentsD4Layer)) d4TrafficRefreshTimer=window.setInterval(function(){
        if(map.hasLayer(chpIncidentsD4Layer))loadD4ChpIncidents();
        if(map.hasLayer(caltransClosuresD4Layer))loadD4Closures();
    },60000);
}

optionalOverlayLayers["Traffic Information (D4)"]=trafficInformationD4Layer;

if (tomTomTrafficApiKey) {
    const trafficQuery =
        "?apiVersion=2" +
        "&style=light" +
        "&tileSize=256" +
        "&key=" +
        encodeURIComponent(tomTomTrafficApiKey);

    const trafficFlowLayer = L.tileLayer(
        "https://api.tomtom.com/maps/orbis/traffic/flow/raster/tile/{z}/{x}/{y}" +
            trafficQuery,
        {
            attribution: "Live traffic © TomTom",
            maxNativeZoom: 22,
            maxZoom: 22,
            // Keep TomTom route shields and road labels readable beneath the
            // raster traffic tubes.
            opacity: 0.58,
            zIndex: 650
        }
    );

    const trafficIncidentsLayer = L.tileLayer(
        "https://api.tomtom.com/maps/orbis/traffic/incidents/raster/tile/{z}/{x}/{y}" +
            trafficQuery,
        {
            attribution: "Traffic incidents © TomTom",
            maxNativeZoom: 22,
            maxZoom: 22,
            opacity: 0.72,
            zIndex: 660
        }
    );

    trafficLiveSpeedLayer = L.layerGroup([
            trafficFlowLayer,
            trafficIncidentsLayer
        ]);
}


const baseMapLayers = {};
baseMapLayers["Map View"] = mapViewLayer;
baseMapLayers["Aerial View"] = aerialLayer;
mapViewLayer.addTo(map);

const mapLayersControl = L.control.layers(
    baseMapLayers,
    optionalOverlayLayers,
    {
        position: "topright",
        collapsed: true
    }
).addTo(map);

// Leaflet normally opens this control on hover. Because the menu is placed
// below the search bar, the pointer can leave the small button before reaching
// it. Replace that behavior with a dependable click-to-open menu.
const mapLayersContainer = mapLayersControl.getContainer();
const originalMapLayersToggle = mapLayersContainer.querySelector(
    ".leaflet-control-layers-toggle"
);
const mapLayersToggle = originalMapLayersToggle
    ? originalMapLayersToggle.cloneNode(true)
    : null;

function buildProfessionalLayerAccordion() {
    const list = mapLayersContainer.querySelector(".leaflet-control-layers-list");
    const base = list && list.querySelector(".leaflet-control-layers-base");
    const overlays = list && list.querySelector(".leaflet-control-layers-overlays");
    if (!list || !base || !overlays || list.classList.contains("professional-layer-panel")) return;
    list.classList.add("professional-layer-panel");
    const iconMap = {
        "Map View":"M", "Aerial View":"A", "Caltrans Right of Way":"R",
        "Assessor Parcels":"P", "Maintenance Agreements":"A",
        "Sensitive Areas":"!",
        "Caltrans Cameras":"C", "County Lines & Markers":"CL", "Traffic Information (D4)":"T"
    };
    const panelHeader = document.createElement("div");
    panelHeader.className = "professional-layer-heading";
    panelHeader.innerHTML = '<span>▱ LAYERS</span><button type="button" class="clear-all-layers-button" title="Turn off all optional layers and close open map panels">CLEAR ALL</button>';
    panelHeader.querySelector("button").addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        clearAllMapLayersKeepPanelOpen();
    });
    list.appendChild(panelHeader);
    function makeGroup(title, labels, open, count) {
        const group = document.createElement("div");
        group.className = "layer-accordion-group" + (open ? " is-open" : "");
        const button = document.createElement("button");
        button.type = "button";
        button.className = "layer-accordion-header";
        button.innerHTML = '<span class="layer-chevron">›</span><span>' + title + '</span>' +
            (count ? '<span class="layer-count">' + count + '</span>' : '');
        const body = document.createElement("div");
        body.className = "layer-accordion-body";
        labels.forEach(function (label) {
            const text = label.textContent.trim();
            label.classList.add("professional-layer-row");
            const row = label.firstElementChild || label;
            const icon = document.createElement("span");
            icon.className = "professional-layer-icon";
            icon.textContent = iconMap[text] || "•";
            row.insertBefore(icon, row.querySelector("span") || row.firstChild);
            body.appendChild(label);
        });
        button.addEventListener("click", function (event) {
            event.preventDefault(); event.stopPropagation();
            group.classList.toggle("is-open");
            window.setTimeout(positionTrafficPanelUnderLayers, 0);
        });
        group.appendChild(button); group.appendChild(body); list.appendChild(group);
        return {group:group, body:body, button:button};
    }
    const baseLabels = Array.from(base.querySelectorAll("label"));
    const overlayLabels = Array.from(overlays.querySelectorAll("label"));
    const propertyNames = ["Caltrans Right of Way","Assessor Parcels","Maintenance Agreements"];
    const propertyLabels = overlayLabels.filter(function (label) { return propertyNames.includes(label.textContent.trim()); });
    const fieldLabels = overlayLabels.filter(function (label) { return !propertyNames.includes(label.textContent.trim()); });
    makeGroup("Basemap", baseLabels, true, 0);
    makeGroup("Property & Assets", propertyLabels, false, propertyLabels.length);
    makeGroup("Field Operations", fieldLabels, false, fieldLabels.length);

    const toolsGroup = makeGroup("Tools", [], false, 3);

    const openSavedPinsMenuButton = document.createElement("button");
    openSavedPinsMenuButton.type = "button";
    openSavedPinsMenuButton.className = "measurement-tools-menu-button open-saved-pins-menu-button";
    openSavedPinsMenuButton.innerHTML = '<span class="professional-layer-icon">F</span><span>Open Pin File</span><span class="measurement-tools-state">OPEN</span>';
    openSavedPinsMenuButton.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        if (window.D4MobileFollowTools) window.D4MobileFollowTools.openPinFile();
    });
    toolsGroup.body.appendChild(openSavedPinsMenuButton);

    measurementToolsMenuButton = document.createElement("button");
    measurementToolsMenuButton.type = "button";
    measurementToolsMenuButton.className = "measurement-tools-menu-button";
    measurementToolsMenuButton.innerHTML = '<span class="professional-layer-icon">M</span><span>Measurement Tools</span><span class="measurement-tools-state">OPEN</span>';
    measurementToolsMenuButton.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        setMeasureActive(!measureActive);
        window.requestAnimationFrame(positionMeasurePanel);
    });
    toolsGroup.body.appendChild(measurementToolsMenuButton);

    const fieldPinToolsMenuButton = document.createElement("button");
    fieldPinToolsMenuButton.type = "button";
    fieldPinToolsMenuButton.className = "measurement-tools-menu-button field-pin-tools-menu-button";
    fieldPinToolsMenuButton.innerHTML = '<span class="professional-layer-icon">P</span><span>Field Pin Mode</span><span class="measurement-tools-state">OPEN</span>';
    fieldPinToolsMenuButton.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        if (window.D4MobileFollowTools) window.D4MobileFollowTools.startFieldPinMode();
    });
    toolsGroup.body.appendChild(fieldPinToolsMenuButton);
}

buildProfessionalLayerAccordion();

// Replacing the toggle removes Leaflet's built-in touch/click handlers. Those
// handlers can conflict with the custom detached menu after a base-map change.
if (originalMapLayersToggle && mapLayersToggle) {
    originalMapLayersToggle.replaceWith(mapLayersToggle);
}

L.DomEvent.off(
    mapLayersContainer,
    "mouseenter",
    mapLayersControl.expand,
    mapLayersControl
);
L.DomEvent.off(
    mapLayersContainer,
    "mouseleave",
    mapLayersControl.collapse,
    mapLayersControl
);

if (mapLayersToggle) {
    mapLayersToggle.setAttribute("role", "button");
    mapLayersToggle.setAttribute("aria-expanded", "false");
    mapLayersToggle.setAttribute("aria-label", "Open map layers");
    mapLayersToggle.setAttribute("title", "Map layers");
    mapLayersToggle.innerHTML =
        '<span class="layers-button-icon" aria-hidden="true">' +
        '<svg viewBox="0 0 24 24"><path d="M12 3 3.5 7.5 12 12l8.5-4.5L12 3Zm-8.5 9L12 16.5 20.5 12M3.5 16.5 12 21l8.5-4.5"/></svg></span>' +
        '<span class="layers-button-label">LAYERS</span>';

    mapLayersToggle.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();

        if (
            mapLayersContainer.classList.contains(
                "leaflet-control-layers-expanded"
            )
        ) {
            mapLayersControl.collapse();
            mapLayersToggle.setAttribute("aria-expanded", "false");
            window.setTimeout(syncTrafficOptions, 80);
        } else {
            mapLayersControl.expand();
            mapLayersToggle.setAttribute("aria-expanded", "true");
            window.setTimeout(positionTrafficPanelUnderLayers, 0);
            scheduleLayersInactivityClose();
        }
        window.setTimeout(positionMeasurePanel, 90);
    });
}

mapLayersContainer.addEventListener("change", function () {
    window.setTimeout(function () {
        mapLayersControl.collapse();
        if (mapLayersToggle) {
            mapLayersToggle.setAttribute("aria-expanded", "false");
        }
        syncTrafficOptions();
        positionMeasurePanel();
    }, 80);
});

document.addEventListener("click", function (event) {
    if (
        mapLayersContainer.classList.contains(
            "leaflet-control-layers-expanded"
        ) &&
        !mapLayersContainer.contains(event.target)
    ) {
        mapLayersControl.collapse();
        if (mapLayersToggle) {
            mapLayersToggle.setAttribute("aria-expanded", "false");
        }
        window.setTimeout(syncTrafficOptions, 80);
        window.setTimeout(positionMeasurePanel, 90);
    }
});

let layersInactivityTimer = null;
function cancelLayersInactivityClose() {
    window.clearTimeout(layersInactivityTimer);
    layersInactivityTimer = null;
}
function scheduleLayersInactivityClose() {
    cancelLayersInactivityClose();
    layersInactivityTimer = window.setTimeout(function () {
        if (!mapLayersContainer.classList.contains("leaflet-control-layers-expanded")) return;
        mapLayersControl.collapse();
        if (mapLayersToggle) mapLayersToggle.setAttribute("aria-expanded", "false");
        window.setTimeout(function () {
            syncTrafficOptions();
            positionMeasurePanel();
        }, 80);
    }, 2000);
}
// Keep the menu open while the user is actively working in it, but close it
// two seconds after the most recent interaction when nothing was selected.
["pointermove", "pointerdown", "keydown"].forEach(function (eventName) {
    mapLayersContainer.addEventListener(eventName, function () {
        if (mapLayersContainer.classList.contains("leaflet-control-layers-expanded")) {
            scheduleLayersInactivityClose();
        }
    });
});

const CameraFilterControl = L.Control.extend({
    options: {
        position: "topright"
    },

    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "camera-filter-control"
        );
        container.innerHTML =
            '<div class="field-filter-header"><span class="field-filter-icon">C</span><span class="camera-filter-label">Cameras</span>' +
            '<button type="button" class="camera-help-button" aria-expanded="false" title="What do the camera icons mean?">?</button></div>' +
            '<label class="camera-county-label">County<select class="camera-county-select" aria-label="Camera county">' +
            '<option value="">All District 4 counties</option>' +
            '<option value="ALA">Alameda</option><option value="CC">Contra Costa</option>' +
            '<option value="MRN">Marin</option><option value="NAP">Napa</option>' +
            '<option value="SF">San Francisco</option><option value="SM">San Mateo</option>' +
            '<option value="SCL">Santa Clara</option><option value="SOL">Solano</option>' +
            '<option value="SON">Sonoma</option></select></label>' +
            '<div class="camera-filter-tabs" role="group" aria-label="Camera type">' +
            '<button type="button" class="is-active" data-camera-filter="all">All</button>' +
            '<button type="button" data-camera-filter="live">Live</button>' +
            '<button type="button" data-camera-filter="picture">Pictures</button></div>' +
            '<div class="camera-icon-popover" role="dialog" aria-label="Camera icon explanation">' +
            '<div class="camera-icon-help-title">What the icons mean</div>' +
            '<div class="camera-help-row"><span class="camera-help-symbol is-live">▶</span><span><b>Blue play icon</b><small>Opens a live streaming camera.</small></span></div>' +
            '<div class="camera-help-row"><span class="camera-help-symbol is-picture">▣</span><span><b>Red camera icon</b><small>Opens the latest still picture.</small></span></div>' +
            '<div class="camera-help-note">Click an icon on the map to view that camera.</div></div>';

        cameraFilterContainer = container;
        cameraFilterLabel = container.querySelector(".camera-filter-label");
        const helpButton = container.querySelector(".camera-help-button");
        const countySelect = container.querySelector(".camera-county-select");
        countySelect.addEventListener("change", function () {
            cameraCountyFilter = countySelect.value;
            map.closePopup();
            renderCameraMarkers();
        });
        helpButton.addEventListener("click", function () {
            const open = container.classList.toggle("show-icon-help");
            helpButton.setAttribute("aria-expanded", String(open));
        });
        container.querySelectorAll("[data-camera-filter]").forEach(function (button) {
            button.addEventListener("click", function () {
                cameraFilter = button.dataset.cameraFilter;
                container.querySelectorAll("[data-camera-filter]").forEach(function (item) {
                    item.classList.toggle("is-active", item === button);
                });
                map.closePopup(); renderCameraMarkers();
            });
        });

        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        return container;
    }
});

new CameraFilterControl().addTo(map);

let drainInletLegendContainer = null;
const DrainInletLegendControl = L.Control.extend({
    options: { position: "bottomright" },
    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "drain-inlet-legend leaflet-control"
        );
        container.innerHTML =
            '<div class="drain-inlet-legend-title">Drain Condition</div>' +
            '<div><span class="drain-legend-dot drain-good"></span><b>Good</b> 80–100</div>' +
            '<div><span class="drain-legend-dot drain-fair"></span><b>Fair</b> 50–79</div>' +
            '<div><span class="drain-legend-dot drain-poor"></span><b>Poor</b> 0–49</div>' +
            '<div><span class="drain-legend-dot drain-unknown"></span><b>Not evaluated</b></div>';
        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        drainInletLegendContainer = container;
        return container;
    }
});
new DrainInletLegendControl().addTo(map);

let rightOfWayLegendContainer = null;
const RightOfWayLegendControl = L.Control.extend({
    options: { position: "bottomright" },
    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "right-of-way-legend leaflet-control"
        );
        container.innerHTML =
            '<div class="right-of-way-legend-title">Caltrans Right of Way</div>' +
            '<div class="right-of-way-legend-summary"><b>Both colors mark approximate Caltrans ROW boundary lines.</b></div>' +
            '<div><span class="row-legend-line row-vector"></span>' +
            '<span><b>Blue line</b><small>Approximate ROW boundary from a digital mapped record</small></span></div>' +
            '<div><span class="row-legend-line row-raster"></span>' +
            '<span><b>Teal line</b><small>Approximate ROW boundary traced from a scanned/raster map</small></span></div>';
        container.innerHTML += '<div class="right-of-way-load-status" role="status" aria-live="polite">Zoom in closer to load the ROW boundary.</div>';
        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        rightOfWayLegendContainer = container;
        return container;
    }
});
new RightOfWayLegendControl().addTo(map);

let sensitiveAreaLegendContainer = null;
const SensitiveAreaLegendControl = L.Control.extend({
    options: { position: "bottomright" },
    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "sensitive-area-legend leaflet-control"
        );
        container.innerHTML =
            '<div class="sensitive-area-legend-title">Sensitive Areas</div>' +
            '<div><span class="sensitive-legend-line sensitive-red"></span>' +
            '<span><b>Major restriction</b><small>Endangered habitat or no spraying</small></span></div>' +
            '<div><span class="sensitive-legend-line sensitive-orange"></span>' +
            '<span><b>Special restriction</b><small>Waterway, organic farm, drift or well</small></span></div>' +
            '<div><span class="sensitive-legend-line sensitive-yellow"></span>' +
            '<span><b>Use caution</b><small>Human-use or general caution area</small></span></div>' +
            '<div class="sensitive-legend-note">Click a highlighted highway section for its exact requirements.</div>';
        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        sensitiveAreaLegendContainer = container;
        return container;
    }
});
new SensitiveAreaLegendControl().addTo(map);

let sensitiveFilterContainer = null;
let sensitiveProductSelect = null;
let sensitiveCountySelect = null;
let sensitiveFilterMatches = [];
let sensitiveFilterIndex = 0;
const sensitiveCountyNames = {ALA:"Alameda",CC:"Contra Costa",MRN:"Marin",NAP:"Napa",SF:"San Francisco",SM:"San Mateo",SCL:"Santa Clara",SOL:"Solano",SON:"Sonoma"};

const SensitiveFilterControl = L.Control.extend({
    options: { position:"topright" },
    onAdd: function () {
        const container = L.DomUtil.create("div", "sensitive-filter-control leaflet-control");
        container.innerHTML =
            '<div class="field-filter-header"><span class="field-filter-icon">!</span><span class="sensitive-filter-title">Sensitive Areas</span><span class="field-filter-badge">D4</span></div>' +
            '<label class="sensitive-filter-label" for="sensitive-county-filter">County</label>' +
            '<select id="sensitive-county-filter" class="sensitive-product-select"><option value="">All District 4 counties</option><option value="ALA">Alameda</option><option value="CC">Contra Costa</option><option value="MRN">Marin</option><option value="NAP">Napa</option><option value="SF">San Francisco</option><option value="SM">San Mateo</option><option value="SCL">Santa Clara</option><option value="SOL">Solano</option><option value="SON">Sonoma</option></select>' +
            '<label class="sensitive-filter-label" for="sensitive-product-filter">Restricted approved product</label>' +
            '<select id="sensitive-product-filter" class="sensitive-product-select"><option value="">Show all sensitive areas</option></select>' +
            '<div class="sensitive-filter-nav"><button type="button" data-sensitive-nav="previous" aria-label="Previous restricted section">‹</button>' +
            '<span class="sensitive-filter-status">Select a product to locate restrictions.</span>' +
            '<button type="button" data-sensitive-nav="next" aria-label="Next restricted section">›</button></div>' +
            '<div class="sensitive-filter-note">Products are from the Caltrans approved vegetation-management list.</div>';
        sensitiveFilterContainer = container;
        sensitiveCountySelect = container.querySelector("#sensitive-county-filter");
        sensitiveProductSelect = container.querySelector("#sensitive-product-filter");
        sensitiveCountySelect.addEventListener("change", applySensitiveProductFilter);
        sensitiveProductSelect.addEventListener("change", applySensitiveProductFilter);
        container.querySelectorAll("[data-sensitive-nav]").forEach(function (button) {
            button.addEventListener("click", function () {
                if (!sensitiveFilterMatches.length) return;
                sensitiveFilterIndex += button.dataset.sensitiveNav === "next" ? 1 : -1;
                if (sensitiveFilterIndex < 0) sensitiveFilterIndex = sensitiveFilterMatches.length - 1;
                if (sensitiveFilterIndex >= sensitiveFilterMatches.length) sensitiveFilterIndex = 0;
                focusCurrentSensitiveMatch();
            });
        });
        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        populateSensitiveProductFilter();
        return container;
    }
});
new SensitiveFilterControl().addTo(map);

function populateSensitiveProductFilter() {
    if (!sensitiveProductSelect || !window.getSensitiveRestrictedProducts) return;
    const current = sensitiveProductSelect.value;
    const products = window.getSensitiveRestrictedProducts();
    sensitiveProductSelect.innerHTML = '<option value="">Show all sensitive areas</option>' + products.map(function (product) {
        const crew = product.crew ? " • Crew product" : "";
        return '<option value="' + escapeCameraHtml(product.name) + '">' + escapeCameraHtml(product.name) + ' — ' +
            escapeCameraHtml(product.ingredients.join(" + ")) + crew + '</option>';
    }).join("");
    sensitiveProductSelect.value = current;
}

function applySensitiveProductFilter() {
    if (!sensitiveProductSelect || !window.filterSensitiveAreasByProduct) return;
    const selected = sensitiveProductSelect.value;
    const county = sensitiveCountySelect ? sensitiveCountySelect.value : "";
    sensitiveFilterMatches = window.filterSensitiveAreasByProduct(selected, county) || [];
    sensitiveFilterIndex = 0;
    if (selected && sensitiveFilterMatches.length) focusCurrentSensitiveMatch();
    else updateSensitiveFilterStatus();
}

function focusCurrentSensitiveMatch() {
    const match = sensitiveFilterMatches[sensitiveFilterIndex];
    if (match && window.focusSensitiveAreaRecord) window.focusSensitiveAreaRecord(match.id);
    updateSensitiveFilterStatus();
}

function updateSensitiveFilterStatus() {
    if (!sensitiveFilterContainer) return;
    const status = sensitiveFilterContainer.querySelector(".sensitive-filter-status");
    const buttons = sensitiveFilterContainer.querySelectorAll("[data-sensitive-nav]");
    const selected = sensitiveProductSelect && sensitiveProductSelect.value;
    const county = sensitiveCountySelect && sensitiveCountySelect.value;
    if (!selected && !county) status.textContent = "Showing all sensitive areas.";
    else if (!sensitiveFilterMatches.length) status.textContent = "No restricted sections found.";
    else {
        const match = sensitiveFilterMatches[sensitiveFilterIndex];
        status.textContent = (sensitiveFilterIndex + 1) + " of " + sensitiveFilterMatches.length +
            " • " + (sensitiveCountyNames[match.county] || match.county) +
            " • Route " + match.route + " • PM " + match.from.toFixed(3) + "–" + match.to.toFixed(3);
    }
    buttons.forEach(function (button) { button.disabled = sensitiveFilterMatches.length < 2; });
}

window.addEventListener("sensitiveareasready", function () {
    populateSensitiveProductFilter();
    applySensitiveProductFilter();
});

let trafficOptionsContainer=null;
const TrafficOptionsControl=L.Control.extend({
    options:{position:"topright"},
    onAdd:function(){
        const container=L.DomUtil.create("div","traffic-options-control leaflet-control");
        container.innerHTML='<div class="field-filter-header"><span class="field-filter-icon">T</span><span class="traffic-options-title">Traffic Information</span><span class="field-filter-badge">D4</span></div>'+
            '<label class="traffic-option"><span class="traffic-row-icon">S</span><span>Live Traffic Speed</span><input type="checkbox" data-traffic="speed"></label>'+ 
            '<label class="traffic-option"><span class="traffic-row-icon">!</span><span>CHP Incidents</span><input type="checkbox" data-traffic="chp"></label>'+ 
            '<label class="traffic-option"><span class="traffic-row-icon">×</span><span>Caltrans Closures</span><input type="checkbox" data-traffic="closures"></label>'+ 
            '<div class="traffic-options-note">Closures includes lane, full, and highway-information notices.</div>';
        trafficOptionsContainer=container;
        container.addEventListener("change",syncTrafficOptions);
        L.DomEvent.disableClickPropagation(container); L.DomEvent.disableScrollPropagation(container);
        return container;
    }
});
new TrafficOptionsControl().addTo(map);

function syncTrafficOptions(){
    const masterOn=map.hasLayer(trafficInformationD4Layer);
    if(trafficOptionsContainer)trafficOptionsContainer.classList.toggle("is-visible",masterOn);
    positionTrafficPanelUnderLayers();
    const selected=function(name){const input=trafficOptionsContainer&&trafficOptionsContainer.querySelector('[data-traffic="'+name+'"]');return masterOn&&input&&input.checked;};
    [[trafficLiveSpeedLayer,"speed"],[chpIncidentsD4Layer,"chp"],[caltransClosuresD4Layer,"closures"]].forEach(function(item){
        const layer=item[0]; if(!layer)return;
        if(selected(item[1])){if(!map.hasLayer(layer))layer.addTo(map);}else if(map.hasLayer(layer))map.removeLayer(layer);
    });
    if(!selected("closures")){closureRouteRequestNumber+=1;closureRouteSelectionLayer.clearLayers();}
    updateD4TrafficRefresh(); updatePinDropControl();
}

function positionTrafficPanelUnderLayers(){
    // The installed app owns these controls inside its bottom sheet. Do not let
    // the desktop/mobile positioning routine pull them back onto the map.
    if(document.body.classList.contains("installed-app-only")){
        [cameraFilterContainer,sensitiveFilterContainer,trafficOptionsContainer,pinDropControlContainer].filter(Boolean).forEach(function(panel){
            panel.classList.remove("is-under-layers","is-mobile-positioned","is-mobile-layer-hidden");
            panel.style.removeProperty("position");
            panel.style.removeProperty("top");
            panel.style.removeProperty("right");
            panel.style.removeProperty("left");
            panel.style.removeProperty("width");
            panel.style.removeProperty("max-height");
            panel.style.removeProperty("margin");
        });
        return;
    }
    const list=mapLayersContainer.querySelector(".leaflet-control-layers-list");
    const bounds=list?list.getBoundingClientRect():null;
    const listVisible=Boolean(list&&bounds&&bounds.width>0&&bounds.height>0&&window.getComputedStyle(list).display!=="none");
    const mobileLayout=window.matchMedia("(max-width: 600px)").matches;
    if(!mobileLayout){
        positionDesktopLayerControlStack(listVisible);
        return;
    }
    if(rightOfWayLegendContainer){
        rightOfWayLegendContainer.classList.remove("is-beside-layers");
        rightOfWayLegendContainer.style.removeProperty("right");
        if(!mobileLayout&&listVisible&&rightOfWayLegendContainer.classList.contains("is-visible")){
            rightOfWayLegendContainer.classList.add("is-beside-layers");
            rightOfWayLegendContainer.style.setProperty(
                "right",
                Math.ceil(window.innerWidth-bounds.left+8)+"px",
                "important"
            );
        }
    }
    const mobilePanels=[cameraFilterContainer,sensitiveFilterContainer,trafficOptionsContainer,pinDropControlContainer].filter(Boolean);
    mobilePanels.forEach(function(panel){panel.classList.remove("is-mobile-layer-hidden","is-mobile-positioned");});
    if(!mobileLayout&&pinDropControlContainer){
        pinDropControlContainer.style.top="";
        pinDropControlContainer.style.right="";
    }
    if(!mobileLayout&&list){
        list.style.removeProperty("top");
        list.style.removeProperty("right");
        list.style.removeProperty("max-height");
    }
    if(mobileLayout&&listVisible){
        const searchBounds=searchControlContainer?searchControlContainer.getBoundingClientRect():null;
        const layersButtonBounds=mapLayersToggle?mapLayersToggle.getBoundingClientRect():null;
        const mobileTop=Math.ceil(Math.max(
            searchBounds&&searchBounds.height?searchBounds.bottom:0,
            layersButtonBounds&&layersButtonBounds.height?layersButtonBounds.bottom:0
        )+8 || 154);
        list.style.setProperty("top",mobileTop+"px","important");
        list.style.setProperty("right","10px","important");
        list.style.setProperty("max-height",Math.max(220,window.innerHeight-mobileTop-18)+"px","important");
        mobilePanels.forEach(function(panel){
            panel.classList.add("is-mobile-layer-hidden");
            panel.classList.remove("is-under-layers");
            panel.style.top=""; panel.style.right="";
        });
        return;
    }
    const right=bounds?Math.max(10,window.innerWidth-bounds.right):10;
    let nextTop=bounds?Math.ceil(bounds.bottom+8):0;
    function placePanel(panel,show){
        if(!panel)return;
        if(listVisible&&show){
            panel.classList.add("is-under-layers","is-visible");
            panel.style.top=nextTop+"px";
            panel.style.right=right+"px";
            nextTop+=Math.ceil(panel.getBoundingClientRect().height)+8;
        }else{
            panel.classList.remove("is-under-layers");
            panel.style.top="";
            panel.style.right="";
        }
    }
    placePanel(cameraFilterContainer,map.hasLayer(cameraMarkersLayer));
    placePanel(sensitiveFilterContainer,map.hasLayer(sensitiveAreasLayer));
    placePanel(trafficOptionsContainer,map.hasLayer(trafficInformationD4Layer));
    if(mobileLayout&&!listVisible){
        const searchBounds=searchControlContainer?searchControlContainer.getBoundingClientRect():null;
        const layersButtonBounds=mapLayersToggle?mapLayersToggle.getBoundingClientRect():null;
        let mobileTop=Math.ceil(Math.max(
            searchBounds&&searchBounds.height?searchBounds.bottom:0,
            layersButtonBounds&&layersButtonBounds.height?layersButtonBounds.bottom:0
        )+8 || 154);
        [cameraFilterContainer,sensitiveFilterContainer,trafficOptionsContainer].forEach(function(panel){
            if(!panel||!panel.classList.contains("is-visible"))return;
            panel.classList.add("is-mobile-positioned");
            panel.style.top=mobileTop+"px";
            panel.style.right="10px";
            mobileTop+=Math.ceil(panel.getBoundingClientRect().height)+8;
        });
        if(pinDropControlContainer&&pinDropControlContainer.classList.contains("is-visible")){
            pinDropControlContainer.classList.add("is-mobile-positioned");
            pinDropControlContainer.style.top=mobileTop+"px";
            pinDropControlContainer.style.right="10px";
        }
    }
    positionMeasurePanel();
}

function positionDesktopLayerControlStack(layersOpen){
    const clearButton=document.querySelector(".d4-clear-button");
    if(!clearButton)return;
    const clearBounds=clearButton.getBoundingClientRect();
    const right=Math.max(10,Math.round(window.innerWidth-clearBounds.right));
    let nextTop=Math.ceil(clearBounds.bottom+8);
    const pinVisible=pinDropControlContainer&&pinDropControlContainer.classList.contains("is-visible");
    if(pinDropControlContainer){
        pinDropControlContainer.classList.remove("is-under-layers","is-mobile-positioned","is-mobile-layer-hidden");
        if(pinVisible&&!layersOpen){
            pinDropControlContainer.style.setProperty("position","fixed","important");
            pinDropControlContainer.style.setProperty("top",nextTop+"px","important");
            pinDropControlContainer.style.setProperty("right",right+"px","important");
            pinDropControlContainer.style.setProperty("margin","0","important");
            nextTop+=Math.ceil(pinDropControlContainer.getBoundingClientRect().height)+8;
        }else{
            ["position","top","right","margin"].forEach(function(name){pinDropControlContainer.style.removeProperty(name);});
        }
    }
    const selectors=[
        ".camera-filter-control.is-visible",
        ".sensitive-filter-control.is-visible",
        ".traffic-options-control.is-visible",
        ".county-marker-filter-control",
        ".d4-layer-panel:not([hidden])"
    ];
    const seen=new Set();
    selectors.forEach(function(selector){
        document.querySelectorAll(selector).forEach(function(panel){
            if(seen.has(panel))return;
            seen.add(panel);
            panel.classList.remove("is-under-layers","is-beside-layers","is-mobile-positioned","is-mobile-layer-hidden");
            if(layersOpen||window.getComputedStyle(panel).display==="none"){
                ["position","top","right","bottom","margin","max-height"].forEach(function(name){panel.style.removeProperty(name);});
                return;
            }
            panel.style.setProperty("position","fixed","important");
            panel.style.setProperty("top",nextTop+"px","important");
            panel.style.setProperty("right",right+"px","important");
            panel.style.setProperty("bottom","auto","important");
            panel.style.setProperty("margin","0","important");
            panel.style.setProperty("max-height",Math.max(160,window.innerHeight-nextTop-12)+"px","important");
            nextTop+=Math.ceil(panel.getBoundingClientRect().height)+8;
        });
    });
    positionMeasurePanel();
}

function positionMeasurePanel() {
    if (!measurePanel || !measureActive) {
        if (measurePanel) {
            measurePanel.style.removeProperty("top");
            measurePanel.style.removeProperty("right");
            measurePanel.style.removeProperty("bottom");
            measurePanel.style.removeProperty("max-height");
        }
        return;
    }
    const list = mapLayersContainer.querySelector(".leaflet-control-layers-list");
    const listBounds = list ? list.getBoundingClientRect() : null;
    const listVisible = Boolean(list && listBounds && listBounds.width > 0 && listBounds.height > 0 &&
        window.getComputedStyle(list).display !== "none");
    const layersBounds = mapLayersToggle ? mapLayersToggle.getBoundingClientRect() : null;
    const searchBounds = searchControlContainer ? searchControlContainer.getBoundingClientRect() : null;
    const clearButton = document.querySelector(".d4-clear-button:not([hidden])");
    const clearBounds = clearButton ? clearButton.getBoundingClientRect() : null;
    const pinBounds = pinDropControlContainer &&
        pinDropControlContainer.classList.contains("is-visible")
        ? pinDropControlContainer.getBoundingClientRect()
        : null;
    let top = listVisible
        ? Math.ceil(listBounds.bottom + 8)
        : Math.ceil(Math.max(
            layersBounds && layersBounds.bottom || 0,
            searchBounds && searchBounds.bottom || 0,
            clearBounds && clearBounds.bottom || 0,
            pinBounds && pinBounds.bottom || 0
        ) + 8);
    top = Math.max(58, Math.min(top, window.innerHeight - 190));
    const right = listVisible && listBounds
        ? Math.max(8, Math.round(window.innerWidth - listBounds.right))
        : 10;
    measurePanel.style.setProperty("top", top + "px", "important");
    measurePanel.style.setProperty("right", right + "px", "important");
    measurePanel.style.setProperty("bottom", "auto", "important");
    measurePanel.style.setProperty("max-height", Math.max(175, window.innerHeight - top - 12) + "px", "important");
}

window.addEventListener("resize",positionTrafficPanelUnderLayers);
mapLayersContainer.addEventListener("mouseenter",function(){
    window.requestAnimationFrame(positionTrafficPanelUnderLayers);
    window.setTimeout(positionTrafficPanelUnderLayers,60);
});
mapLayersContainer.addEventListener("mouseleave",function(){
    window.setTimeout(positionTrafficPanelUnderLayers,60);
});
function syncMapLayersPanelState(){
    const layersOpen=mapLayersContainer.classList.contains("leaflet-control-layers-expanded");
    document.body.classList.toggle("map-layers-panel-open",layersOpen);
    window.requestAnimationFrame(positionTrafficPanelUnderLayers);
}
new MutationObserver(function(){
    syncMapLayersPanelState();
}).observe(mapLayersContainer,{attributes:true,attributeFilter:["class"]});
syncMapLayersPanelState();

let pinDropEnabled = true;
let pinDropControlContainer = null;
let pinDropCheckbox = null;
let lookupPanelGeneration = 0;
let measureActive = false;
let pinDropEnabledBeforeMeasure = true;
let pinDropAutoLayerWasActive = false;
let followModeActive = false;
let followModeAvailable = false;

function updatePinDropCursor() {
    map.getContainer().classList.toggle(
        "pin-drop-cursor-active",
        pinDropEnabled && !measureActive && !followModeActive
    );
}

function updatePinDropControl() {
    if (!pinDropControlContainer) return;
    const shouldShow = !followModeActive && (
        map.hasLayer(drainInletsLayer) || map.hasLayer(cameraMarkersLayer) || map.hasLayer(sensitiveAreasLayer) ||
        map.hasLayer(assessorParcelsLayer) || map.hasLayer(d4CountyReferenceLayer) || map.hasLayer(chpIncidentsD4Layer) || map.hasLayer(caltransClosuresD4Layer) || window.d4NewLayerPinModeActive || measureActive
    );
    // Each time one of the map modes that competes with dropped pins is
    // opened, begin with pin dropping off. This is intentionally identical
    // on desktop and mobile; the user can still turn it back on when needed.
    if (shouldShow && !pinDropAutoLayerWasActive && !measureActive) {
        pinDropEnabled = false;
        if (pinDropCheckbox) pinDropCheckbox.checked = false;
    }
    pinDropAutoLayerWasActive = shouldShow;
    pinDropControlContainer.classList.toggle("is-visible", shouldShow);
    const labelText = pinDropControlContainer.querySelector(".pin-drop-toggle-text");
    const toggle = pinDropControlContainer.querySelector(".pin-drop-toggle");
    if (measureActive) {
        pinDropEnabled = false;
        if (pinDropCheckbox) {
            pinDropCheckbox.checked = false;
            pinDropCheckbox.disabled = true;
        }
        if (labelText) labelText.textContent = "MEASURE";
        if (toggle) toggle.title = "Pin drop disabled while measuring";
        pinDropControlContainer.classList.add("is-disabled", "is-measuring");
    } else {
        if (pinDropCheckbox) pinDropCheckbox.disabled = false;
        if (labelText) labelText.textContent = pinDropEnabled ? "ON" : "OFF";
        if (toggle) toggle.title = pinDropEnabled ? "Pin drop on" : "Pin drop off";
        pinDropControlContainer.classList.remove("is-measuring");
        pinDropControlContainer.classList.toggle("is-disabled", !pinDropEnabled);
    }
    if (!shouldShow && !measureActive && !followModeActive) {
        pinDropEnabled = true;
        if (pinDropCheckbox) pinDropCheckbox.checked = true;
        pinDropControlContainer.classList.remove("is-disabled");
    }
    updatePinDropCursor();
    window.requestAnimationFrame(positionTrafficPanelUnderLayers);
}

const PinDropControl = L.Control.extend({
    options: { position: "topright" },
    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "pin-drop-control leaflet-control"
        );
        container.innerHTML =
            '<label class="pin-drop-toggle" title="Pin drop on">' +
            '<input type="checkbox" checked aria-label="Allow pin drop">' +
            '<span class="pin-drop-icon" aria-hidden="true">⌖</span><span class="pin-drop-label">PIN</span>' +
            '<span class="pin-drop-toggle-text">ON</span>' +
            '</label>';
        pinDropControlContainer = container;
        pinDropCheckbox = container.querySelector("input");
        const labelText = container.querySelector(".pin-drop-toggle-text");
        pinDropCheckbox.addEventListener("change", function () {
            if (measureActive) {
                pinDropCheckbox.checked = false;
                return;
            }
            pinDropEnabled = pinDropCheckbox.checked;
            labelText.textContent = pinDropEnabled ? "ON" : "OFF";
            container.querySelector(".pin-drop-toggle").title = pinDropEnabled ? "Pin drop on" : "Pin drop off";
            container.classList.toggle("is-disabled", !pinDropEnabled);
            updatePinDropCursor();
        });
        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);
        return container;
    }
});
new PinDropControl().addTo(map);
updatePinDropCursor();

// ------------------------------------------------------------
// General-purpose Measure tool and optional spray calculator
// ------------------------------------------------------------
const measurePanel = document.getElementById("measurePanel");
const collapseMeasureButton = document.getElementById("collapseMeasureButton");
const restoreMeasureTab = document.getElementById("restoreMeasureTab");
const measureMainView = document.getElementById("measureMainView");
const sprayCalculatorView = document.getElementById("sprayCalculatorView");
const sprayCalculatorForm = document.getElementById("sprayCalculatorForm");
const measurePrimaryLabel = document.getElementById("measurePrimaryLabel");
const measurePrimaryValue = document.getElementById("measurePrimaryValue");
const measureSecondaryValue = document.getElementById("measureSecondaryValue");
const measureExtraSummary = document.getElementById("measureExtraSummary");
const measureInstructions = document.getElementById("measureInstructions");
const openSprayCalculatorButton = document.getElementById("openSprayCalculatorButton");
const openPavingCalculatorButton = document.getElementById("openPavingCalculatorButton");
const pavingCalculatorView = document.getElementById("pavingCalculatorView");
const sprayGallonsInputWrap = document.getElementById("sprayGallonsInputWrap");
const sprayGallonsInput = document.getElementById("sprayGallonsInput");
const sprayCoverageValue = document.getElementById("sprayCoverageValue");
const sprayTotalGallonsValue = document.getElementById("sprayTotalGallonsValue");
const sprayChemicalRows = document.getElementById("sprayChemicalRows");
const sprayResults = document.getElementById("sprayResults");
const measurementLayer = L.layerGroup().addTo(map);
let measureMode = "";
let measurePoints = [];
let measureMarkers = [];
let measureShape = null;
let measuredAcres = 0;
let measuredSquareFeet = 0;
let measuredDistanceFeet = 0;
let sprayBasis = "area";
let sprayCrewType = "";

function formatMeasureNumber(value, decimals) {
    return Number(value || 0).toLocaleString(undefined, {
        minimumFractionDigits:decimals,
        maximumFractionDigits:decimals
    });
}

function calculatePolygonSquareMeters(points) {
    if (points.length < 3) return 0;
    const radius = 6378137;
    let area = 0;
    for (let index = 0; index < points.length; index += 1) {
        const point1 = points[index];
        const point2 = points[(index + 1) % points.length];
        const longitudeDelta = (point2.lng - point1.lng) * Math.PI / 180;
        area += longitudeDelta * (2 +
            Math.sin(point1.lat * Math.PI / 180) +
            Math.sin(point2.lat * Math.PI / 180));
    }
    return Math.abs(area * radius * radius / 2);
}

function calculateMeasureDistance(includeClosingSegment) {
    let meters = 0;
    for (let index = 1; index < measurePoints.length; index += 1) {
        meters += map.distance(measurePoints[index - 1], measurePoints[index]);
    }
    if (includeClosingSegment && measurePoints.length > 2) {
        meters += map.distance(measurePoints[measurePoints.length - 1], measurePoints[0]);
    }
    return meters;
}

function updateSprayCoverage() {
    if (!sprayCrewType) {
        sprayCoverageValue.textContent = "Select crew";
        sprayTotalGallonsValue.textContent = "Select crew";
        return {acres:0, gallons:0, crewSelected:false};
    }
    const gallonsPerAcre = sprayCrewType === "landscape" ? 100 : 50;
    let acres = measuredAcres;
    let gallons = acres * gallonsPerAcre;
    if (sprayBasis === "gallons") {
        gallons = Math.max(0, Number(sprayGallonsInput.value) || 0);
        acres = gallons / gallonsPerAcre;
    }
    sprayCoverageValue.textContent = formatMeasureNumber(acres, 2) + " acres";
    sprayTotalGallonsValue.textContent = gallons.toLocaleString(undefined, {maximumFractionDigits:2}) + " gallons";
    return {acres:acres, gallons:gallons, crewSelected:true};
}

function updateMeasurementSummary() {
    if (!measureMode) {
        measurePrimaryLabel.textContent = "SELECT A MEASUREMENT";
        measurePrimaryValue.textContent = "—";
        measureSecondaryValue.textContent = "Distance, square feet, or acres";
        measureExtraSummary.innerHTML = "";
        measureInstructions.textContent = "Choose a measurement type above, then tap the map.";
        openSprayCalculatorButton.hidden = true;
        openPavingCalculatorButton.hidden = true;
        return;
    }
    if (measureMode === "distance") {
        const feet = calculateMeasureDistance(false) * 3.280839895;
        measuredDistanceFeet = feet;
        const miles = feet / 5280;
        measurePrimaryLabel.textContent = "TOTAL DISTANCE";
        measurePrimaryValue.textContent = formatMeasureNumber(miles, 2) + " miles";
        measureSecondaryValue.textContent = formatMeasureNumber(feet, 0) + " ft";
        measureInstructions.textContent = "Tap the map to add points. Drag a point to adjust the route.";
        openSprayCalculatorButton.hidden = true;
        openPavingCalculatorButton.hidden = measurePoints.length < 2;
        const segments = [];
        for (let index = 1; index < measurePoints.length; index += 1) {
            const segmentFeet = map.distance(measurePoints[index - 1], measurePoints[index]) * 3.280839895;
            segments.push('<div><span>' + index + '</span><b>' +
                formatMeasureNumber(segmentFeet / 5280, 2) + ' mi · ' +
                formatMeasureNumber(segmentFeet, 0) + ' ft</b></div>');
        }
        measureExtraSummary.innerHTML = segments.length
            ? '<label>SEGMENTS</label>' + segments.join("")
            : "";
        return;
    }

    const squareMeters = calculatePolygonSquareMeters(measurePoints);
    const squareFeet = squareMeters * 10.763910417;
    measuredSquareFeet = squareFeet;
    measuredAcres = squareFeet / 43560;
    const perimeterFeet = calculateMeasureDistance(true) * 3.280839895;
    measurePrimaryLabel.textContent = "MEASURED AREA";
    if (measureMode === "squareFeet") {
        measurePrimaryValue.textContent = formatMeasureNumber(squareFeet, 0) + " sq ft";
        measureSecondaryValue.textContent = formatMeasureNumber(measuredAcres, 3) + " acres";
    } else {
        measurePrimaryValue.textContent = formatMeasureNumber(measuredAcres, 2) + " acres";
        measureSecondaryValue.textContent = formatMeasureNumber(squareFeet, 0) + " sq ft";
    }
    measureExtraSummary.innerHTML = measurePoints.length > 2
        ? '<label>PERIMETER</label><strong>' + formatMeasureNumber(perimeterFeet, 0) + ' ft</strong>'
        : "";
    measureInstructions.textContent = "Tap the map to outline an area. Drag a point to adjust it.";
    openSprayCalculatorButton.hidden = measureMode !== "acres";
    openPavingCalculatorButton.hidden = measureMode !== "squareFeet" || measurePoints.length < 3; // irregular-area paving remains available
    updateSprayCoverage();
}

function rebuildMeasurementShape() {
    if (measureShape) {
        measurementLayer.removeLayer(measureShape);
        measureShape = null;
    }
    if (measurePoints.length >= 2) {
        const style = {color:"#00a7b5", weight:4, opacity:0.95, bubblingMouseEvents:false};
        if (measureMode === "distance" || measurePoints.length < 3) {
            measureShape = L.polyline(measurePoints, style).addTo(measurementLayer);
        } else {
            measureShape = L.polygon(measurePoints, Object.assign({}, style, {
                fillColor:"#27b7bd", fillOpacity:0.20
            })).addTo(measurementLayer);
        }
    }
    
async function buildSprayReport(){
    const coverage=updateSprayCoverage();
    const pts=getPavingLimitPoints();
    const infos=pts.length===2 ? await Promise.all(pts.map(getPavingPointInfo)) : [{},{}];
    const a=infos[0]||{}, b=infos[1]||{};
    const products=[];
    sprayChemicalRows.querySelectorAll(".spray-chemical-row").forEach(function(row){
        const name=row.querySelector(".spray-product-name").value.trim();
        const rate=Number(row.querySelector(".spray-product-rate").value);
        const unit=row.querySelector(".spray-product-unit").value;
        if(!name || !(rate>0)) return;
        const ounces=rate*coverage.acres;
        products.push({name:name,rate:rate,unit:unit,amount:unit==="dry"?formatDryChemicalAmount(ounces):formatLiquidChemicalAmount(ounces)});
    });
    return {
      date:new Date().toLocaleString(), crew:sprayCrewType==="landscape"?"Landscape":sprayCrewType==="rvc"?"RVC":"",
      basis:sprayBasis==="gallons"?"Total Gallons":"Measured Acres", acres:coverage.acres||0, gallons:coverage.gallons||0,
      county:a.county||b.county||"", route:a.route||b.route||"", direction:a.direction||b.direction||"",
      beginPostmile:a.postmile||"", endPostmile:b.postmile||"", street:a.street||b.street||"", nearestStreet:a.nearestStreet||b.nearestStreet||"",
      startCoordinates:a.lat!=null?a.lat.toFixed(6)+", "+a.lng.toFixed(6):"", endCoordinates:b.lat!=null?b.lat.toFixed(6)+", "+b.lng.toFixed(6):"", products:products
    };
}
function sprayReportRows(r){
    const rows=[["Generated",r.date],["Crew Type",r.crew],["Calculated From",r.basis],["Coverage (acres)",r.acres.toFixed(2)],["Total Mix (gallons)",r.gallons.toFixed(1)],["County",r.county],["Route",r.route],["Direction",r.direction],["Beginning Postmile",r.beginPostmile],["Ending Postmile",r.endPostmile],["Street",r.street],["Nearest Exit",r.nearestStreet],["Start Coordinates",r.startCoordinates],["End Coordinates",r.endCoordinates]];
    r.products.forEach(function(p,i){ rows.push(["Chemical "+(i+1),p.name]); rows.push(["Rate",p.rate+" "+(p.unit==="dry"?"dry oz / acre":"fl oz / acre")]); rows.push(["Amount Needed",p.amount]); });
    return rows;
}
document.getElementById("sprayPdfButton").addEventListener("click",async function(){
    const r=await buildSprayReport();
    if(!r.crew){ sprayResults.innerHTML='<div class="spray-result-error">Select Landscape or RVC first.</div>'; return; }
    if(!(r.acres>0)){ sprayResults.innerHTML='<div class="spray-result-error">Draw an acreage area or enter total gallons first.</div>'; return; }
    if(!r.products.length){ sprayResults.innerHTML='<div class="spray-result-error">Enter at least one chemical name and rate before printing.</div>'; return; }
    const rows=sprayReportRows(r), w=window.open('','_blank'); if(!w)return;
    w.document.write('<!doctype html><title>Spray Mix Report</title><style>body{font-family:Arial,sans-serif;margin:36px;color:#173d50}h1{color:#087fc3}table{border-collapse:collapse;width:100%;max-width:760px}td{padding:8px;border-bottom:1px solid #ddd}td:first-child{font-weight:700;width:45%}.note{margin-top:24px;font-size:12px;color:#666}@media print{button{display:none}}</style><h1>Spray Mix Report</h1><table>'+rows.map(x=>'<tr><td>'+escapeCameraHtml(String(x[0]))+'</td><td>'+escapeCameraHtml(String(x[1]??''))+'</td></tr>').join('')+'</table><p class="note">Confirm every application rate against the current product label and Caltrans requirements before mixing.</p><button onclick="print()">Print / Save as PDF</button>');
    w.document.close();
});

updateMeasurementSummary();
}

function syncMeasureMarkerIndexes() {
    measureMarkers.forEach(function (marker, index) {
        marker._measureIndex = index;
    });
}

function addMeasurementPoint(latlng) {
    const marker = L.marker(latlng, {
        draggable:true,
        bubblingMouseEvents:false,
        icon:L.divIcon({
            className:"measure-edit-marker",
            html:'<span></span>',
            iconSize:[18,18],
            iconAnchor:[9,9]
        })
    }).addTo(measurementLayer);
    marker._measureIndex = measurePoints.length;
    marker.on("drag", function () {
        measurePoints[marker._measureIndex] = marker.getLatLng();
        rebuildMeasurementShape();
    });
    marker.on("dragend", rebuildMeasurementShape);
    measurePoints.push(marker.getLatLng());
    measureMarkers.push(marker);
    rebuildMeasurementShape();
}

function clearMeasurementDrawing() {
    measurementLayer.clearLayers();
    measurePoints = [];
    measureMarkers = [];
    measureShape = null;
    measuredAcres = 0;
    measuredSquareFeet = 0;
    measuredDistanceFeet = 0;
    sprayResults.innerHTML = "";
    updateMeasurementSummary();
}

function undoMeasurementPoint() {
    const marker = measureMarkers.pop();
    if (marker) measurementLayer.removeLayer(marker);
    measurePoints.pop();
    syncMeasureMarkerIndexes();
    rebuildMeasurementShape();
}

function showMeasureMainView() {
    measureMainView.hidden = false;
    sprayCalculatorView.hidden = true;
    pavingCalculatorView.hidden = true;
}

function setMeasureActive(active) {
    if (measureActive === active) return;
    measureActive = active;
    map.getContainer().classList.toggle("measure-cursor-active", active);
    measurePanel.classList.toggle("is-visible", active);
    measurePanel.setAttribute("aria-hidden", String(!active));
    if (measurementToolsMenuButton) {
        measurementToolsMenuButton.classList.toggle("is-active", active);
        const state = measurementToolsMenuButton.querySelector(".measurement-tools-state");
        if (state) state.textContent = active ? "CLOSE" : "OPEN";
    }
    if (active) {
        measureMode = "";
        document.querySelectorAll("[data-measure-mode]").forEach(function (item) { item.classList.remove("is-active"); });
        measurePanel.classList.remove("is-collapsed");
        restoreMeasureTab.classList.remove("is-visible");
        restoreMeasureTab.setAttribute("aria-hidden", "true");
        pinDropEnabledBeforeMeasure = pinDropEnabled;
        pinDropEnabled = false;
        map.closePopup();
        lookupPanelGeneration += 1;
        hideLocationInfoPanel();
        if (requestPin) requestPin.closePopup();
        mapLayersControl.collapse();
        if (mapLayersToggle) mapLayersToggle.setAttribute("aria-expanded", "false");
        showMeasureMainView();
    } else {
        measurePanel.classList.remove("is-collapsed");
        restoreMeasureTab.classList.remove("is-visible");
        restoreMeasureTab.setAttribute("aria-hidden", "true");
        clearMeasurementDrawing();
        pinDropEnabled = pinDropEnabledBeforeMeasure;
    }
    updatePinDropControl();
    window.requestAnimationFrame(positionMeasurePanel);
}

map.on("click", function (event) {
    if (!measureActive || !measureMode) return;
    addMeasurementPoint(event.latlng);
});

document.querySelectorAll("[data-measure-mode]").forEach(function (button) {
    button.addEventListener("click", function () {
        measureMode = button.dataset.measureMode;
        document.querySelectorAll("[data-measure-mode]").forEach(function (item) {
            item.classList.toggle("is-active", item === button);
        });
        clearMeasurementDrawing();
        showMeasureMainView();
    });
});

document.getElementById("closeMeasureButton").addEventListener("click", function () {
    setMeasureActive(false);
    if (typeof window.D4CloseInstalledMeasurement === "function") window.D4CloseInstalledMeasurement();
});
collapseMeasureButton.addEventListener("click", function () {
    const mobileMeasureLayout = window.matchMedia("(max-width: 600px), (orientation: landscape) and (max-height: 520px)").matches;
    if (!measureActive || !mobileMeasureLayout) return;
    measurePanel.classList.add("is-collapsed");
    restoreMeasureTab.classList.add("is-visible");
    restoreMeasureTab.setAttribute("aria-hidden", "false");
});
restoreMeasureTab.addEventListener("click", function () {
    if (!measureActive) return;
    measurePanel.classList.remove("is-collapsed");
    restoreMeasureTab.classList.remove("is-visible");
    restoreMeasureTab.setAttribute("aria-hidden", "true");
    window.requestAnimationFrame(positionMeasurePanel);
});
document.getElementById("clearMeasureButton").addEventListener("click", clearMeasurementDrawing);
document.getElementById("clearSprayDrawingButton").addEventListener("click", clearMeasurementDrawing);
document.getElementById("clearPavingDrawingButton").addEventListener("click", function () {
    clearMeasurementDrawing();
    updatePavingCalculator();
});
document.getElementById("undoMeasurePointButton").addEventListener("click", undoMeasurementPoint);
document.getElementById("backToMeasureButton").addEventListener("click", showMeasureMainView);
openPavingCalculatorButton.addEventListener("click", function () {
    measureMainView.hidden = true;
    sprayCalculatorView.hidden = true;
    pavingCalculatorView.hidden = false;
    updatePavingCalculator();
});
document.getElementById("backFromPavingButton").addEventListener("click", showMeasureMainView);

let pavingSelectedLanes = new Set();
let pavingMultiLaneMode = false;
let pavingCustomLaneSelected = false;
let pavingRoadwayType = "";
let pavingRampType = "";
function getPavingCustomLaneNumber(){
    return Math.max(1, Math.round(Number(document.getElementById("pavingCustomLaneNumber").value) || 5));
}
function getPavingLaneValues(){
    const lanes = Array.from(pavingSelectedLanes).map(Number);
    if (pavingCustomLaneSelected) lanes.push(getPavingCustomLaneNumber());
    return Array.from(new Set(lanes)).sort((a,b)=>a-b);
}
function getPavingLaneCount(){
    return getPavingLaneValues().length;
}
function getPavingLaneLabel(){
    if (!pavingRoadwayType) return "—";
    return getPavingLaneValues().map(x=>"L"+x).join(", ");
}
function syncPavingLaneButtons(){
    document.querySelectorAll("[data-paving-lane]").forEach(function(b){ b.classList.toggle("is-active", pavingSelectedLanes.has(b.dataset.pavingLane)); });
    document.getElementById("pavingCustomLaneControl").classList.toggle("is-active", pavingCustomLaneSelected);
    const multi=document.getElementById("pavingMultipleButton");
    multi.classList.toggle("is-active", pavingMultiLaneMode);
    multi.setAttribute("aria-pressed", pavingMultiLaneMode ? "true" : "false");
}
function selectSinglePavingLane(lane, isCustom){
    pavingSelectedLanes.clear();
    pavingCustomLaneSelected = !!isCustom;
    if (!isCustom && lane) pavingSelectedLanes.add(String(lane));
    syncPavingLaneButtons();
}
function resetPavingLaneSelection(){
    pavingSelectedLanes.clear();
    pavingCustomLaneSelected = false;
    pavingMultiLaneMode = false;
    syncPavingLaneButtons();
}
function updatePavingCalculator() {
    const isDistance = measureMode === "distance";
    const lanes = getPavingLaneCount();
    const laneWidth = Math.max(1, Number(document.getElementById("pavingLaneWidth").value) || 12);
    const distanceFeet = measuredDistanceFeet || (calculateMeasureDistance(false) * 3.280839895);
    const laneSelectionReady = lanes > 0 && (pavingRoadwayType === "mainline" || (pavingRoadwayType === "ramp" && !!pavingRampType));
    const sf = isDistance ? (laneSelectionReady ? distanceFeet * lanes * laneWidth : 0) : (measuredSquareFeet || 0);
    const depth = Math.max(0, Number(document.getElementById("pavingDepth").value) || 0);
    const density = Math.max(0, Number(document.getElementById("pavingDensity").value) || 0);
    const waste = Math.max(0, Number(document.getElementById("pavingWaste").value) || 0);
    const sy = sf / 9;
    const cubicYards = sf * (depth / 12) / 27;
    const tons = sf * (depth / 12) * density / 2000;
    const tonsAllowance = tons * (1 + waste / 100);
    const volumeAllowance = cubicYards * (1 + waste / 100);
    const loads10 = volumeAllowance > 0 ? Math.ceil(volumeAllowance / 10) : 0;
    const loads4 = volumeAllowance > 0 ? Math.ceil(volumeAllowance / 4) : 0;
    document.getElementById("pavingLaneFields").hidden = !isDistance;
    document.getElementById("pavingMeasureLabel").textContent = isDistance ? "MEASURED DISTANCE" : "MEASURED AREA";
    document.getElementById("pavingAreaSqFt").textContent = isDistance ? formatMeasureNumber(distanceFeet,0) + " ft" : formatMeasureNumber(sf,0) + " sq ft";
    let calcSummary = "Select Mainline or Ramp to calculate paving area";
    if (isDistance && pavingRoadwayType === "mainline") calcSummary = lanes > 0 ? (lanes + " lane" + (lanes===1?"":"s") + " × " + formatMeasureNumber(laneWidth,1) + " ft = " + formatMeasureNumber(sf,0) + " sq ft") : "Select lane(s) paving";
    if (isDistance && pavingRoadwayType === "ramp") calcSummary = pavingRampType ? (lanes > 0 ? ((pavingRampType === "on" ? "On Ramp" : "Off Ramp") + " · " + lanes + " lane" + (lanes===1?"":"s") + " × " + formatMeasureNumber(laneWidth,1) + " ft = " + formatMeasureNumber(sf,0) + " sq ft") : "Select lane(s) paving") : "Select On Ramp or Off Ramp to choose lanes";
    document.getElementById("pavingAreaSqYd").textContent = isDistance ? calcSummary : formatMeasureNumber(sy,1) + " sq yd";
    document.getElementById("pavingResults").innerHTML =
      '<div><span>Calculated Area</span><b>'+formatMeasureNumber(sf,0)+' sq ft</b></div>'+
      '<div><span>Volume</span><b>'+formatMeasureNumber(cubicYards,1)+' yd³</b></div>'+
      '<div><span>Estimated Mix</span><b>'+formatMeasureNumber(tons,1)+' tons</b></div>'+
      '<div class="paving-total"><span>With '+formatMeasureNumber(waste,1)+'% Allowance</span><b>'+formatMeasureNumber(tonsAllowance,1)+' tons</b></div>'+
      '<div><span>10 yd Truck</span><b>'+loads10+' loads</b></div>'+
      '<div><span>4 yd Truck</span><b>'+loads4+' loads</b></div>';
    return {method:isDistance?"Distance × Lanes × Lane Width":"Measured Area", roadwayType:isDistance?(pavingRoadwayType==="mainline"?"Mainline":pavingRoadwayType==="ramp"?"Ramp":"—"):"—", rampType:isDistance&&pavingRoadwayType==="ramp"?(pavingRampType==="on"?"On Ramp":pavingRampType==="off"?"Off Ramp":"—"):"—", distanceFeet:distanceFeet, sf:sf, sy:sy, depth:depth, density:density, waste:waste, lanes:isDistance?getPavingLaneLabel():"—", laneWidth:isDistance&&pavingRoadwayType?laneWidth:"—", cubicYards:cubicYards, tons:tons, tonsAllowance:tonsAllowance, loads10:loads10, loads4:loads4};
}
["pavingDepth","pavingDensity","pavingWaste","pavingLaneWidth"].forEach(function(id){ document.getElementById(id).addEventListener("input", updatePavingCalculator); });
document.querySelectorAll("[data-paving-depth]").forEach(function(button){ button.addEventListener("click",function(){
    document.querySelectorAll("[data-paving-depth]").forEach(function(b){b.classList.toggle("is-active",b===button);});
    document.getElementById("pavingDepth").value=button.dataset.pavingDepth; updatePavingCalculator();
});});
function refreshPavingRoadwayUI(){
    const mainline = pavingRoadwayType === "mainline";
    const ramp = pavingRoadwayType === "ramp";
    document.getElementById("pavingMainlineButton").classList.toggle("is-active", mainline);
    document.getElementById("pavingRampButton").classList.toggle("is-active", ramp);
    const showLanes = mainline || (ramp && !!pavingRampType);
    document.getElementById("pavingMainlineLaneWrap").hidden = !showLanes;
    document.getElementById("pavingRampTypeWrap").hidden = !ramp;
    document.getElementById("pavingWidthWrap").hidden = !showLanes;
    document.getElementById("pavingWidthLabel").textContent = "Lane Width (ft)";
    document.getElementById("pavingOnRampButton").classList.toggle("is-active", pavingRampType === "on");
    document.getElementById("pavingOffRampButton").classList.toggle("is-active", pavingRampType === "off");
    updatePavingCalculator();
}
document.getElementById("pavingMainlineButton").addEventListener("click", function(){
    if (pavingRoadwayType !== "mainline") resetPavingLaneSelection();
    pavingRoadwayType="mainline"; pavingRampType=""; refreshPavingRoadwayUI();
});
document.getElementById("pavingRampButton").addEventListener("click", function(){
    if (pavingRoadwayType !== "ramp") resetPavingLaneSelection();
    pavingRoadwayType="ramp"; pavingRampType=""; refreshPavingRoadwayUI();
});
document.getElementById("pavingOnRampButton").addEventListener("click", function(){
    if (pavingRampType !== "on") resetPavingLaneSelection();
    pavingRampType="on"; refreshPavingRoadwayUI();
});
document.getElementById("pavingOffRampButton").addEventListener("click", function(){
    if (pavingRampType !== "off") resetPavingLaneSelection();
    pavingRampType="off"; refreshPavingRoadwayUI();
});

document.getElementById("pavingMultipleButton").addEventListener("click", function(){
    pavingMultiLaneMode = !pavingMultiLaneMode;
    if (!pavingMultiLaneMode && getPavingLaneValues().length > 1) {
        const keep = getPavingLaneValues()[0];
        if (keep >= 1 && keep <= 4) selectSinglePavingLane(String(keep), false);
        else selectSinglePavingLane(null, true);
    } else {
        syncPavingLaneButtons();
    }
    updatePavingCalculator();
});
document.querySelectorAll("[data-paving-lane]").forEach(function(button){
    button.addEventListener("click", function(){
        const lane = button.dataset.pavingLane;
        if (!pavingMultiLaneMode) {
            selectSinglePavingLane(lane, false);
        } else {
            if (pavingSelectedLanes.has(lane)) {
                if (getPavingLaneValues().length > 1) pavingSelectedLanes.delete(lane);
            } else {
                pavingSelectedLanes.add(lane);
            }
            syncPavingLaneButtons();
        }
        updatePavingCalculator();
    });
});
const pavingCustomLaneControl=document.getElementById("pavingCustomLaneControl");
const pavingCustomLaneNumber=document.getElementById("pavingCustomLaneNumber");
function activateCustomPavingLane(){
    if (!pavingMultiLaneMode) selectSinglePavingLane(null, true);
    else { pavingCustomLaneSelected = true; syncPavingLaneButtons(); }
    updatePavingCalculator();
}
pavingCustomLaneControl.addEventListener("click", function(event){
    if (event.target === pavingCustomLaneNumber) return;
    if (pavingMultiLaneMode && pavingCustomLaneSelected && getPavingLaneValues().length > 1) pavingCustomLaneSelected=false;
    else activateCustomPavingLane();
    syncPavingLaneButtons();
    updatePavingCalculator();
});
pavingCustomLaneControl.addEventListener("keydown", function(event){ if(event.key==="Enter"||event.key===" "){event.preventDefault();activateCustomPavingLane();pavingCustomLaneNumber.focus();} });
pavingCustomLaneNumber.addEventListener("focus", activateCustomPavingLane);
pavingCustomLaneNumber.addEventListener("input", function(){ activateCustomPavingLane(); });
syncPavingLaneButtons();

function getPavingLimitPoints(){
    if(measurePoints.length<2) return [];
    let best=[measurePoints[0],measurePoints[measurePoints.length-1]], max=-1;
    for(let i=0;i<measurePoints.length;i++) for(let j=i+1;j<measurePoints.length;j++){ const d=map.distance(measurePoints[i],measurePoints[j]); if(d>max){max=d;best=[measurePoints[i],measurePoints[j]];} }
    return best;
}
async function getPavingPointInfo(point){
    const out={lat:point.lat,lng:point.lng,county:"",route:"",direction:"",postmile:"",street:"",nearestStreet:"",rampMovement:""};
    try {
      const [pm,addr]=await Promise.all([lookupPostmile(point.lat,point.lng),lookupAddress(point.lat,point.lng)]);
      const a=addr&&addr.address||{}; out.street=a.road||a.highway||a.pedestrian||""; out.county=a.county||a.state_district||"";
      const closest=pm.locations[0].results[0], r=closest.postmile; out.county=r.county||out.county; out.route=String(r.routeNumber||""); out.postmile=(r.postmilePrefix||"")+String(r.postmileValue||""); out.direction=normalizePinDirection(out.route,closest.direction)||getDirection(out.route,closest.routeId);
      try { const ramp=findNearestRampFromData(out.county,out.route,out.direction,r.postmileValue,r.postmilePrefix,true); out.nearestStreet=ramp&&ramp.street||""; out.rampMovement=ramp&&ramp.movement||""; if(!out.street&&ramp&&ramp.distanceFeet<=1000) out.street=ramp.street; } catch(e){}
    } catch(e){ console.warn("Paving location lookup",e); }
    return out;
}
async function buildPavingReport(){
    const calc=updatePavingCalculator(), pts=getPavingLimitPoints();
    const infos=pts.length===2 ? await Promise.all(pts.map(getPavingPointInfo)) : [{},{ }]; const a=infos[0]||{}, b=infos[1]||{};
    const report={date:new Date().toLocaleString(),county:a.county||b.county||"",route:a.route||b.route||"",direction:a.direction||b.direction||"",beginPostmile:a.postmile||"",endPostmile:b.postmile||"",street:a.street||b.street||"",nearestStreet:a.nearestStreet||b.nearestStreet||"",startCoordinates:a.lat!=null?a.lat.toFixed(6)+", "+a.lng.toFixed(6):"",endCoordinates:b.lat!=null?b.lat.toFixed(6)+", "+b.lng.toFixed(6):"",...calc};
    document.getElementById("pavingLocation").innerHTML='<b>'+(report.route?'Route '+report.route+' '+report.direction:'Location')+'</b><br>PM '+(report.beginPostmile||'—')+' → '+(report.endPostmile||'—')+'<br>'+(report.street||'')+(report.nearestStreet?' · Nearest Exit: '+report.nearestStreet:'');
    return report;
}
function pavingReportRows(r){
    const rows=[["PAVING ESTIMATE",""],["Generated",r.date],["County",r.county],["Route",r.route],["Direction",r.direction],["Beginning Postmile",r.beginPostmile],["Ending Postmile",r.endPostmile],["Street",r.street],["Nearest Exit",r.nearestStreet],["Start Coordinates",r.startCoordinates],["End Coordinates",r.endCoordinates],["Calculation Method",r.method]];
    if(r.method.indexOf("Distance")===0){
      rows.push(["Paving Location",r.roadwayType]);
      if(r.roadwayType==="Ramp") rows.push(["Ramp",r.rampType]);
      rows.push(["Measured Distance (ft)",r.distanceFeet.toFixed(0)]);
      rows.push(["Lanes Paving",r.lanes],["Lane Width (ft)",r.laneWidth]);
    }
    rows.push(["Calculated Area (sq ft)",r.sf.toFixed(0)],["Calculated Area (sq yd)",r.sy.toFixed(1)],["Compacted Depth (in)",r.depth],["Mix Density (lb/ft³)",r.density],["Waste / Allowance (%)",r.waste],["Volume (cu yd)",r.cubicYards.toFixed(1)],["Estimated Mix (tons)",r.tons.toFixed(1)],["Mix With Allowance (tons)",r.tonsAllowance.toFixed(1)],["10 yd Truckloads",r.loads10],["4 yd Truckloads",r.loads4]);
    return rows;
}
document.getElementById("pavingPdfButton").addEventListener("click",async function(){ const r=await buildPavingReport(), rows=pavingReportRows(r); const w=window.open('','_blank'); if(!w)return; w.document.write('<!doctype html><title>Paving Estimate</title><style>body{font-family:Arial,sans-serif;margin:36px;color:#173d50}h1{color:#087fc3}table{border-collapse:collapse;width:100%;max-width:760px}td{padding:8px;border-bottom:1px solid #ddd}td:first-child{font-weight:700;width:45%}.note{margin-top:24px;font-size:12px;color:#666}@media print{button{display:none}}</style><h1>Paving Estimate</h1><table>'+rows.slice(1).map(x=>'<tr><td>'+x[0]+'</td><td>'+x[1]+'</td></tr>').join('')+'</table><p class="note">Estimate only. Confirm actual mix design, compacted density, field conditions and hauling capacity before ordering material.</p><button onclick="print()">Print / Save as PDF</button>'); w.document.close(); });

openSprayCalculatorButton.addEventListener("click", function () {
    measureMainView.hidden = true;
    sprayCalculatorView.hidden = false;
    sprayCalculatorForm.hidden = !sprayCrewType;
    updateSprayCoverage();
    if (sprayCrewType && !sprayChemicalRows.children.length) addSprayChemicalRow();
});

document.querySelectorAll("[data-spray-basis]").forEach(function (button) {
    button.addEventListener("click", function () {
        sprayBasis = button.dataset.sprayBasis;
        document.querySelectorAll("[data-spray-basis]").forEach(function (item) {
            item.classList.toggle("is-active", item === button);
        });
        sprayGallonsInputWrap.hidden = sprayBasis !== "gallons";
        sprayResults.innerHTML = "";
        updateSprayCoverage();
    });
});
sprayGallonsInput.addEventListener("input", function () {
    sprayResults.innerHTML = "";
    updateSprayCoverage();
});

document.querySelectorAll("[data-spray-crew]").forEach(function (button) {
    button.addEventListener("click", function () {
        sprayCrewType = button.dataset.sprayCrew === "landscape" ? "landscape" : "rvc";
        document.querySelectorAll("[data-spray-crew]").forEach(function (item) {
            item.classList.toggle("is-active", item.dataset.sprayCrew === sprayCrewType);
        });
        sprayCalculatorForm.hidden = false;
        if (!sprayChemicalRows.children.length) addSprayChemicalRow();
        sprayResults.innerHTML = "";
        updateSprayCoverage();
    });
});

// Current Caltrans Vegetation Management Program authorized product names.
// Herbicides and adjuvants are kept separate so crews choose the product class
// before selecting a product for the spray calculation.
const approvedSprayProducts = {
    herbicide: [
        "Pendulum Aquacap", "Poast", "Stalker", "Esplanade 200SC", "Esplanade Sure",
        "Landmark XP", "Method 240SL", "Oust XP", "Perspective", "Quik Pro",
        "Ronstar Flo", "Roundup custom", "Roundup Pro", "Roundup Pro Concentrate",
        "Roundup Pro Dry", "Roundup Pro Max", "Telar XP", "Accord XRT II", "Capstone",
        "Clean Traxx", "Dimension 2EW", "Dimension EC", "Dimension Ultra 40WP", "Element 4",
        "Gallery 75 DF", "Gallery SC", "Garlon 4 Ultra", "Goal 2XL", "goaltender",
        "Lontrel Turn and Ornamental", "Milestone", "Milestone VM", "Milestone VM Plus",
        "Pathfinder II", "Pindar GT", "Rodeo", "Sapphire", "TerraVue CA", "Transline",
        "Turflon Ester", "Vastlan", "Matrix", "Matrix SG", "EZ-Ject Copperhead",
        "Dismiss CA", "Sedgehammer", "Galligan 2E", "Habitat", "AquaMaster", "Outrider",
        "Spyder", "SpeedZone Southern", "Fusilade II T&O", "Pennant Magnum",
        "Reward Landscape & Aquatic", "Surflan AS Specialty", "Portfolio 4F California",
        "Portfolio 4F CA"
    ],
    adjuvant: [
        "Pro-Spreader Activator", "Driftstop", "EP Oil Base Plus", "Agri-Dex", "Grounded-W",
        "Induce", "Inlet", "Quest", "Smoke", "Activator 90", "Attach",
        "Reign Drift Control", "WETCIT", "Spray Tech Oil", "Competitor", "Crosshair",
        "Hasten EA", "Hasten Spray", "In-Place Drift Control", "R-11 Spreader",
        "Super Spread 7000", "SuperSpread MSO", "Syl-Coat"
    ]
};

function sprayProductOptions(type) {
    const products = approvedSprayProducts[type] || [];
    return '<option value="">Select ' + (type === "herbicide" ? "herbicide" : "adjuvant") + '</option>' +
        products.map(function (name) {
            return '<option value="' + escapeCameraHtml(name) + '">' + escapeCameraHtml(name) + '</option>';
        }).join("");
}

function addSprayChemicalRow() {
    if (sprayChemicalRows.children.length >= 5) return;
    const row = document.createElement("div");
    row.className = "spray-chemical-row";
    row.innerHTML = '<select class="spray-product-type" aria-label="Chemical type">' +
        '<option value="">Select type</option><option value="herbicide">Herbicide</option><option value="adjuvant">Adjuvant</option></select>' +
        '<select class="spray-product-name" aria-label="Approved chemical name" disabled><option value="">Select product</option></select>' +
        '<input class="spray-product-rate" type="number" min="0" step="any" inputmode="decimal" placeholder="Rate" aria-label="Rate per acre">' +
        '<select class="spray-product-unit" aria-label="Chemical rate unit"><option value="liquid">fl oz / acre</option><option value="dry">dry oz / acre</option></select>' +
        '<button type="button" class="spray-remove-row" aria-label="Remove chemical">×</button>';
    const typeSelect = row.querySelector(".spray-product-type");
    const productSelect = row.querySelector(".spray-product-name");
    typeSelect.addEventListener("change", function () {
        productSelect.innerHTML = typeSelect.value
            ? sprayProductOptions(typeSelect.value)
            : '<option value="">Select product</option>';
        productSelect.disabled = !typeSelect.value;
        sprayResults.innerHTML = "";
    });
    row.querySelector(".spray-remove-row").addEventListener("click", function () {
        row.remove();
        sprayResults.innerHTML = "";
        document.getElementById("addSprayChemicalButton").disabled = false;
    });
    row.querySelectorAll("input,select").forEach(function (field) {
        field.addEventListener("input", function () { sprayResults.innerHTML = ""; });
    });
    sprayChemicalRows.appendChild(row);
    document.getElementById("addSprayChemicalButton").disabled = sprayChemicalRows.children.length >= 5;
}

document.getElementById("addSprayChemicalButton").addEventListener("click", addSprayChemicalRow);

document.getElementById("clearSprayCalculatorButton").addEventListener("click", function () {
    sprayBasis = "area";
    sprayCrewType = "";
    document.querySelectorAll("[data-spray-basis]").forEach(function (button) {
        button.classList.toggle("is-active", button.dataset.sprayBasis === "area");
    });
    document.querySelectorAll("[data-spray-crew]").forEach(function (button) {
        button.classList.remove("is-active");
    });
    sprayGallonsInput.value = "";
    sprayGallonsInputWrap.hidden = true;
    sprayChemicalRows.innerHTML = "";
    sprayResults.innerHTML = "";
    sprayCalculatorForm.hidden = true;
    document.getElementById("addSprayChemicalButton").disabled = false;
    updateSprayCoverage();
});

function formatLiquidChemicalAmount(ounces) {
    const gallons = ounces / 128;
    return formatMeasureNumber(ounces, ounces % 1 ? 2 : 0) + " fl oz" +
        (gallons > 0 ? " (" + gallons.toLocaleString(undefined, {maximumFractionDigits:3}) + " gal)" : "");
}

function formatDryChemicalAmount(ounces) {
    const pounds = ounces / 16;
    return formatMeasureNumber(ounces, ounces % 1 ? 2 : 0) + " dry oz (" +
        formatMeasureNumber(pounds, pounds % 1 ? 3 : 0) + " lb)";
}

document.getElementById("calculateSprayButton").addEventListener("click", function () {
    const coverage = updateSprayCoverage();
    if (!coverage.crewSelected) {
        sprayResults.innerHTML = '<div class="spray-result-error">Select Landscape or RVC first.</div>';
        return;
    }
    if (!(coverage.acres > 0)) {
        sprayResults.innerHTML = '<div class="spray-result-error">Draw an acreage area or enter total gallons first.</div>';
        return;
    }
    const results = [];
    sprayChemicalRows.querySelectorAll(".spray-chemical-row").forEach(function (row) {
        const name = row.querySelector(".spray-product-name").value.trim();
        const rate = Number(row.querySelector(".spray-product-rate").value);
        const unit = row.querySelector(".spray-product-unit").value;
        if (!name || !(rate > 0)) return;
        const ounces = rate * coverage.acres;
        results.push('<div class="spray-result-row"><b>' + escapeCameraHtml(name) + '</b><strong>' +
            (unit === "dry" ? formatDryChemicalAmount(ounces) : formatLiquidChemicalAmount(ounces)) + '</strong></div>');
    });
    sprayResults.innerHTML = results.length
        ? '<div class="spray-results-heading">MIX RESULTS</div>' + results.join("")
        : '<div class="spray-result-error">Enter at least one chemical name and rate.</div>';
});

updateMeasurementSummary();

function clearAllMapLayersKeepPanelOpen(keepPanelOpen) {
    if (typeof keepPanelOpen === "undefined") keepPanelOpen = true;
    // Remove every registered overlay directly. Simulating checkbox clicks is
    // unreliable after the professional layer rows are moved/rebuilt and can
    // leave a visible checkmark behind even though the map layer was removed.
    (mapLayersControl._layers || []).forEach(function (entry) {
        if (entry.overlay && map.hasLayer(entry.layer)) {
            map.removeLayer(entry.layer);
        }
    });

    // Keep the visible control state synchronized with the map. Clear both the
    // live and default values so a later panel refresh cannot restore a stale
    // checkmark. Basemap radio buttons are intentionally untouched.
    function resetOverlayCheckboxes() {
        mapLayersContainer.querySelectorAll(
            "input[type='checkbox']"
        ).forEach(function (input) {
            input.checked = false;
            input.defaultChecked = false;
            input.removeAttribute("checked");
        });
    }
    resetOverlayCheckboxes();
    window.requestAnimationFrame(resetOverlayCheckboxes);

    // Traffic child layers are controlled by switches inside the Traffic
    // panel rather than the main Leaflet overlay list. Reset those switches;
    // syncTrafficOptions removes only those traffic overlays.
    if (trafficOptionsContainer) {
        trafficOptionsContainer.querySelectorAll("[data-traffic]").forEach(function (input) {
            input.checked = false;
        });
    }
    syncTrafficOptions();
    map.closePopup();
    lookupPanelGeneration += 1;
    hideLocationInfoPanel();
    clearMeasurementDrawing();
    setMeasureActive(false);
    if (requestPin) deleteRequestPin();
    document.querySelectorAll(".d4-layer-panel").forEach(function (panel) { panel.hidden = true; });
    if (keepPanelOpen) {
        if (mapLayersToggle) mapLayersToggle.setAttribute("aria-expanded", "true");
        mapLayersControl.expand();
        scheduleLayersInactivityClose();
    } else {
        if (mapLayersToggle) mapLayersToggle.setAttribute("aria-expanded", "false");
        mapLayersControl.collapse();
    }
    window.requestAnimationFrame(positionTrafficPanelUnderLayers);
}

map.on("overlayadd", function (event) {
    // A layer switch should never leave the dropped-pin information window
    // covering the newly selected map content.
    map.closePopup();
    lookupPanelGeneration += 1;
    hideLocationInfoPanel();
    updateConditionalSearchTabs();
    updatePinDropControl();
    const selectedAnotherMainLayer = event.layer !== trafficInformationD4Layer &&
        Object.keys(optionalOverlayLayers).some(function (name) {
            return optionalOverlayLayers[name] === event.layer;
        });
    if (selectedAnotherMainLayer && map.hasLayer(trafficInformationD4Layer)) {
        map.removeLayer(trafficInformationD4Layer);
    }
    if (event.layer===trafficInformationD4Layer) {
        if (trafficOptionsContainer) {
            trafficOptionsContainer.querySelectorAll("[data-traffic]").forEach(function (input) {
                input.checked = false;
            });
        }
        mapLayersControl.collapse();
        if(mapLayersToggle)mapLayersToggle.setAttribute("aria-expanded","false");
        window.setTimeout(syncTrafficOptions,100);
    }
    if (event.layer === sensitiveAreasLayer && sensitiveAreaLegendContainer) {
        sensitiveAreaLegendContainer.classList.add("is-visible");
        if (sensitiveFilterContainer) sensitiveFilterContainer.classList.add("is-visible");
        window.setTimeout(positionTrafficPanelUnderLayers, 0);
    }
    if (event.layer === cameraMarkersLayer) {
        if (cameraFilterContainer) {
            cameraFilterContainer.classList.add("is-visible");
        }
        window.setTimeout(positionTrafficPanelUnderLayers, 0);
        loadCaltransCameras();
    }

    if (event.layer === maintenanceAgreementsLayer) {
        scheduleMaintenanceAgreementLoad();
    }

    if (event.layer === rightOfWayLayer) {
        rightOfWayJsonpRequest += 1;
        if (rightOfWayLegendContainer) {
            rightOfWayLegendContainer.classList.add("is-visible");
        }
        window.requestAnimationFrame(positionTrafficPanelUnderLayers);
        scheduleRightOfWayLoad();
    }

    if (event.layer === assessorParcelsLayer) {
        scheduleAssessorParcelLoad();
    }

    if (event.layer === drainInletsLayer) {
        if (drainInletLegendContainer) {
            drainInletLegendContainer.classList.add("is-visible");
        }
        scheduleDrainInletsLoad();
    }
});

map.on("overlayremove", function (event) {
    map.closePopup();
    lookupPanelGeneration += 1;
    hideLocationInfoPanel();
    updateConditionalSearchTabs();
    updatePinDropControl();
    if (event.layer===trafficInformationD4Layer) { syncTrafficOptions(); map.closePopup(); }
    if (event.layer === sensitiveAreasLayer && sensitiveAreaLegendContainer) {
        sensitiveAreaLegendContainer.classList.remove("is-visible");
        if (sensitiveFilterContainer) sensitiveFilterContainer.classList.remove("is-visible");
        if (sensitiveCountySelect) sensitiveCountySelect.value = "";
        if (sensitiveProductSelect) sensitiveProductSelect.value = "";
        if (window.filterSensitiveAreasByProduct) window.filterSensitiveAreasByProduct("", "");
        sensitiveFilterMatches = [];
        updateSensitiveFilterStatus();
        positionTrafficPanelUnderLayers();
    }
    if (event.layer === cameraMarkersLayer) {
        if (cameraFilterContainer) {
            cameraFilterContainer.classList.remove("is-visible");
            cameraFilterContainer.classList.remove("show-icon-help");
        }
        positionTrafficPanelUnderLayers();
        map.closePopup();
    }

    if (event.layer === maintenanceAgreementsLayer) {
        maintenanceAgreementsLayer.clearLayers();
        if (maintenanceAgreementRequest) {
            maintenanceAgreementRequest.abort();
        }
        map.closePopup();
    }

    if (event.layer === rightOfWayLayer) {
        if (rightOfWayLegendContainer) {
            rightOfWayLegendContainer.classList.remove("is-visible");
        }
        positionTrafficPanelUnderLayers();
        rightOfWayLayer.clearLayers();
        if (map.hasLayer(rightOfWayWmsLayer)) map.removeLayer(rightOfWayWmsLayer);
        if (rightOfWayRequest) {
            rightOfWayRequest.abort();
        }
        map.closePopup();
    }


    if (event.layer === assessorParcelsLayer) {
        assessorParcelsLayer.clearLayers();
        if (assessorParcelRequest) {
            assessorParcelRequest.abort();
        }
        map.closePopup();
    }


    if (event.layer === drainInletsLayer) {
        if (drainInletLegendContainer) {
            drainInletLegendContainer.classList.remove("is-visible");
        }
        drainInletsLayer.clearLayers();
        lockedDrainFlowLayer = null;
        hoveredDrainFlowLayer = null;
        clearDrainInletFlow();
        if (drainInletsRequest) {
            drainInletsRequest.abort();
        }
        map.closePopup();
    }
});

map.on("moveend", function () {
    if (window.d4PopupCentering) return;
    scheduleMaintenanceAgreementLoad();
    scheduleRightOfWayLoad();
    scheduleAssessorParcelLoad();
    scheduleDrainInletsLoad();
});

// R61: center click-opened Leaflet popups in the usable desktop map area.
// This keeps tall popups from opening underneath the top search control.
map.on("popupopen", function (event) {
    if (window.matchMedia("(max-width: 700px)").matches || document.body.classList.contains("installed-app-only")) return;
    const popup = event && event.popup;
    if (!popup) return;
    window.setTimeout(function () {
        const popupEl = popup.getElement && popup.getElement();
        const mapEl = map.getContainer && map.getContainer();
        if (!popupEl || !mapEl || !document.body.contains(popupEl)) return;
        const mapRect = mapEl.getBoundingClientRect();
        const popupRect = popupEl.getBoundingClientRect();
        const searchEl = document.querySelector(".map-search-control");
        const searchRect = searchEl ? searchEl.getBoundingClientRect() : null;
        const safeTop = searchRect && searchRect.bottom > mapRect.top && searchRect.top < mapRect.bottom
            ? Math.min(mapRect.bottom - 120, searchRect.bottom + 14)
            : mapRect.top + 20;
        const safeBottom = mapRect.bottom - 22;
        const targetX = mapRect.left + mapRect.width / 2;
        const targetY = safeTop + (safeBottom - safeTop) / 2;
        const popupX = popupRect.left + popupRect.width / 2;
        const popupY = popupRect.top + popupRect.height / 2;
        const dx = popupX - targetX;
        const dy = popupY - targetY;
        if (Math.abs(dx) < 4 && Math.abs(dy) < 4) return;
        window.d4PopupCentering = true;
        let cleared = false;
        function clearCenteringFlag(){ if (cleared) return; cleared = true; window.d4PopupCentering = false; }
        map.once("moveend", clearCenteringFlag);
        map.panBy([dx, dy], { animate: true, duration: 0.28 });
        window.setTimeout(clearCenteringFlag, 650);
    }, 45);
});

map.on("popupopen", function () {
    window.clearInterval(cameraSnapshotRefreshTimer);
    const image = document.querySelector(".leaflet-popup .camera-snapshot");
    if (!image) {
        return;
    }
    cameraSnapshotRefreshTimer = window.setInterval(function () {
        const imageUrl = image.dataset.cameraImageUrl;
        if (imageUrl && document.body.contains(image)) {
            image.src = cacheBustedCameraUrl(imageUrl);
        }
    }, 30000);
});

map.on("popupclose", function () {
    window.clearInterval(cameraSnapshotRefreshTimer);
    cameraSnapshotRefreshTimer = null;
});
// ----------------------------
// Location search control
// ----------------------------

let searchControlContainer = null;
let drainSearchTab = null;
let parcelSearchTab = null;

function updateConditionalSearchTabs() {
    if (drainSearchTab) {
        drainSearchTab.classList.toggle("is-available", map.hasLayer(drainInletsLayer));
    }
    if (parcelSearchTab) {
        parcelSearchTab.classList.toggle("is-available", map.hasLayer(assessorParcelsLayer));
    }
    const active = searchControlContainer &&
        searchControlContainer.querySelector(".map-search-tab.is-active");
    if (active && !active.classList.contains("is-available") &&
        ["drain", "parcel"].includes(active.dataset.searchView)) {
        searchControlContainer.querySelector('[data-search-view="address"]').click();
    }
}
map._controlCorners.topcenter =
    L.DomUtil.create(
        "div",
        "leaflet-top leaflet-center",
        map._controlContainer
    );
const MapSearchControl =
    L.Control.extend({

        options: {
            position: "topcenter"
        },

        onAdd: function () {

            const container =
                L.DomUtil.create(
                    "div",
                    "map-search-control"
                );

            container.innerHTML = `
                <div class="map-search-tabs">
                    <button
                        class="map-search-tab is-active"
                        data-search-view="address"
                        type="button"
                    >
                        Address
                    </button>

                    <button
                        class="map-search-tab"
                        data-search-view="postmile"
                        type="button"
                    >
                        Postmile
                    </button>

                    <button class="map-search-tab map-search-tab-conditional"
                        data-search-view="parcel" type="button">Parcels</button>
                </div>

                <form class="map-search-row map-address-row">

                    <input
                        class="map-search-input"
                        type="text"
                        placeholder="Search address or location..."
                        autocomplete="off"
                    >

                    <button
                        class="map-search-button"
                        type="submit"
                    >
                        Search
                    </button>

                </form>

                <form class="map-special-search-row map-drain-search-row">
                    <select class="map-special-search-field map-drain-search-field" aria-label="Drain inlet search field">
                        <option value="SYSNO">System Number</option>
                        <option value="ETNO">End Treatment Number</option>
                    </select>
                    <input class="map-special-search-input map-drain-search-input" type="text"
                        placeholder="Enter system or ET number" autocomplete="off">
                    <button class="map-search-button" type="submit">Search</button>
                </form>

                <form class="map-special-search-row map-parcel-search-row">
                    <select class="map-special-search-field map-parcel-search-field" aria-label="Parcel search field">
                        <option value="apn">Parcel/APN</option>
                        <option value="address">Property Address</option>
                        <option value="owner">Owner/Assessee</option>
                    </select>
                    <input class="map-special-search-input map-parcel-search-input" type="text"
                        placeholder="Enter parcel information" autocomplete="off">
                    <button class="map-search-button" type="submit">Search</button>
                </form>

                <form class="map-special-search-row map-bridge-search-row">
                    <input class="map-special-search-input map-bridge-search-input" type="search"
                        placeholder="Enter bridge number" autocomplete="off" inputmode="search">
                    <button class="map-search-button" type="submit">Search</button>
                </form>

                <form class="map-postmile-row">
                    <select
                        class="map-postmile-field map-postmile-route"
                        aria-label="Route"
                    >
                        <option value="">Route</option>
                        ${[
                            13, 24, 61, 77, 80, 84, 92, 112,
                            123, 185, 238, 260, 262, 580, 680,
                            880, 980
                        ].map(function (route) {
                            return `<option value="${route}">${route}</option>`;
                        }).join("")}
                    </select>

                    <select
                        class="map-postmile-field map-postmile-direction"
                        aria-label="Direction"
                    >
                        <option value="">Direction</option>
                        <option value="NB">NB</option>
                        <option value="SB">SB</option>
                        <option value="EB">EB</option>
                        <option value="WB">WB</option>
                    </select>

                    <input
                        class="map-postmile-field map-postmile-input"
                        type="text"
                        inputmode="decimal"
                        placeholder="Postmile"
                        autocomplete="off"
                    >

                    <button
                        class="map-search-button"
                        type="submit"
                    >
                        Go
                    </button>
                </form>

                <div
                    class="map-search-results"
                ></div>
            `;

            searchControlContainer =
                container;

            L.DomEvent.disableClickPropagation(
                container
            );

            L.DomEvent.disableScrollPropagation(
                container
            );

            const form =
                container.querySelector(
                    ".map-address-row"
                );

            const postmileForm =
                container.querySelector(
                    ".map-postmile-row"
                );

            const drainForm = container.querySelector(".map-drain-search-row");
            const parcelForm = container.querySelector(".map-parcel-search-row");
            const bridgeForm = container.querySelector(".map-bridge-search-row");

            const tabs = Array.from(
                container.querySelectorAll(
                    ".map-search-tab"
                )
            );

            const input =
                container.querySelector(
                    ".map-search-input"
                );

            drainSearchTab = container.querySelector('[data-search-view="drain"]');
            parcelSearchTab = container.querySelector('[data-search-view="parcel"]');

            const results =
                container.querySelector(
                    ".map-search-results"
                );

            tabs.forEach(function (tab) {
                tab.addEventListener("click", function () {
                    const searchView = tab.dataset.searchView;
                    const showPostmile = searchView === "postmile";

                    tabs.forEach(function (item) {
                        item.classList.toggle(
                            "is-active",
                            item === tab
                        );
                    });

                    form.style.display = searchView === "address" ? "flex" : "none";

                    postmileForm.classList.toggle(
                        "is-visible",
                        showPostmile
                    );
                    drainForm.classList.toggle("is-visible", searchView === "drain");
                    parcelForm.classList.toggle("is-visible", searchView === "parcel");
                    bridgeForm.classList.toggle("is-visible", searchView === "bridge");

                    results.style.display = "none";
                    results.innerHTML = "";
                });
            });

            form.addEventListener(
                "submit",
                function (event) {

                    event.preventDefault();

                    searchMapLocation(input.value, results, true);
                }
            );

            let addressSuggestionTimer = null;
            input.addEventListener("input", function () {
                window.clearTimeout(addressSuggestionTimer);
                const query = input.value.trim();
                if (query.length < 3) {
                    results.style.display = "none";
                    results.innerHTML = "";
                    return;
                }
                addressSuggestionTimer = window.setTimeout(function () {
                    searchMapLocation(query, results, false);
                }, 280);
            });

            postmileForm.addEventListener(
                "submit",
                async function (event) {
                    event.preventDefault();

                    const route = container.querySelector(
                        ".map-postmile-route"
                    ).value;
                    const direction = container.querySelector(
                        ".map-postmile-direction"
                    ).value;
                    const postmile = container.querySelector(
                        ".map-postmile-input"
                    ).value;

                    await searchByPostmile(
                        route,
                        direction,
                        postmile,
                        results
                    );
                }
            );

            drainForm.addEventListener("submit", async function (event) {
                event.preventDefault();
                await searchDrainInlets(
                    container.querySelector(".map-drain-search-field").value,
                    container.querySelector(".map-drain-search-input").value,
                    results
                );
            });

            parcelForm.addEventListener("submit", async function (event) {
                event.preventDefault();
                await searchAssessorParcels(
                    container.querySelector(".map-parcel-search-field").value,
                    container.querySelector(".map-parcel-search-input").value,
                    results
                );
            });

            bridgeForm.addEventListener("submit", async function (event) {
                event.preventDefault();
                if (window.searchDistrict4Bridge) {
                    await window.searchDistrict4Bridge(
                        container.querySelector(".map-bridge-search-input").value,
                        results,
                        true
                    );
                }
            });

            let bridgeSuggestionTimer = null;
            container.querySelector(".map-bridge-search-input").addEventListener("input", function (event) {
                window.clearTimeout(bridgeSuggestionTimer);
                const query = event.target.value.trim();
                if (query.length < 2) {
                    results.style.display = "none";
                    results.innerHTML = "";
                    return;
                }
                bridgeSuggestionTimer = window.setTimeout(function () {
                    if (window.searchDistrict4Bridge) window.searchDistrict4Bridge(query, results, false);
                }, 180);
            });

            updateConditionalSearchTabs();

            return container;
        }
    });

const mapSearchControl =
    new MapSearchControl();

mapSearchControl.addTo(map);

function showMapSearchMessage(results, message, isError) {
    results.innerHTML = '<div class="map-search-message' +
        (isError ? ' is-error' : '') + '">' + escapeCameraHtml(message) + '</div>';
    results.style.display = "block";
}

async function searchDrainInlets(fieldName, searchText, results) {
    const value = String(searchText || "").trim();
    if (!value) {
        showMapSearchMessage(results, "Enter a system or end treatment number.", true);
        return;
    }
    showMapSearchMessage(results, "Searching District 4 drain inlets…");
    const safeValue = value.replace(/'/g, "''").toUpperCase();
    const parameters = new URLSearchParams({
        where: "District='04' AND Status=0 AND ETType IN (2,3) AND UPPER(" +
            fieldName + ") LIKE '%" + safeValue + "%'",
        outFields: "SYSNO,ETNO,District,County,Route,Postmile,ETType,InletOutlet,TravelDirection,Side,HealthScore,GrateType,Width,Height,Depth,Comments",
        returnGeometry: "true", outSR: "4326", resultRecordCount: "25", f: "json"
    });
    try {
        let data;
        try {
            const response = await fetch(DRAIN_INLETS_QUERY_URL + "?" + parameters);
            if (!response.ok) throw new Error("Drain search failed");
            data = await response.json();
        } catch (fetchError) {
            data = await arcGisJsonp(DRAIN_INLETS_QUERY_URL, parameters, "cimsDrainSearch");
        }
        if (data.error) throw new Error(data.error.message || "Drain search failed");
        const features = (data.features || []).filter(function (f) {
            return f.geometry && Number.isFinite(Number(f.geometry.x)) &&
                Number.isFinite(Number(f.geometry.y));
        });
        if (!features.length) {
            showMapSearchMessage(results, "No matching District 4 drain inlet was found.", true);
            return;
        }
        drainInletsLayer.clearLayers();
        drainInletsLayer.addData({type:"FeatureCollection", features:features.map(function (f) {
            return {type:"Feature", geometry:{type:"Point", coordinates:[Number(f.geometry.x), Number(f.geometry.y)]}, properties:f.attributes || {}};
        })});
        const matches = [];
        drainInletsLayer.eachLayer(function (layer) { matches.push(layer); });
        const selected = matches[0];
        map.setView(selected.getLatLng(), Math.max(map.getZoom(), 17));
        selected.openPopup();
        showDrainInletFlow((selected.feature || {}).properties || {});
        results.innerHTML = features.slice(0, 10).map(function (f) {
            const a = f.attributes || {};
            return '<button type="button" class="map-asset-result" data-etno="' +
                escapeCameraHtml(a.ETNO || "") + '"><b>' +
                escapeCameraHtml(a.ETNO || "Drain inlet") + '</b><span>System ' +
                escapeCameraHtml(a.SYSNO || "Not listed") + ' · Route ' +
                escapeCameraHtml(a.Route || "?") + ' PM ' +
                escapeCameraHtml(a.Postmile || "?") + '</span></button>';
        }).join("");
        Array.from(results.querySelectorAll(".map-asset-result")).forEach(function (button, index) {
            button.addEventListener("click", function () {
                const layer = matches[index];
                if (!layer) return;
                map.setView(layer.getLatLng(), Math.max(map.getZoom(), 17));
                layer.openPopup();
                showDrainInletFlow((layer.feature || {}).properties || {});
            });
        });
    } catch (error) {
        console.warn("Drain inlet search error:", error);
        showMapSearchMessage(results, "Drain search is unavailable. Connect to the Caltrans VPN and try again.", true);
    }
}

function parcelSearchFieldMatches(field, mode) {
    const text = (String(field.name || "") + " " + String(field.alias || ""))
        .toLowerCase().replace(/[^a-z0-9]/g, "");
    if (mode === "apn") return /apn|parcel(num|number|nbr|no|id)|assessor.*(num|id)/.test(text);
    if (mode === "owner") return /owner|assessee|taxpayer|grantee/.test(text);
    return /situs.*address|site.*address|property.*address|street.*address|address/.test(text);
}

async function searchAssessorParcels(mode, searchText, results) {
    const value = String(searchText || "").trim();
    if (!value) {
        showMapSearchMessage(results, "Enter parcel information to search.", true);
        return;
    }
    showMapSearchMessage(results, "Searching assessor parcels…");
    const searchTokens = value.split(/\s+/).map(function (token) {
        return token.trim().replace(/'/g, "''").toUpperCase();
    }).filter(Boolean);
    let lastError = null;
    for (const queryUrl of ASSESSOR_PARCEL_QUERY_URLS) {
        try {
            const metadataUrl = queryUrl.replace(/\/query$/i, "");
            const metadataParameters = new URLSearchParams({f:"json"});
            let metadata;
            try {
                const response = await fetch(metadataUrl + "?" + metadataParameters);
                if (!response.ok) throw new Error("Parcel metadata failed");
                metadata = await response.json();
            } catch (metadataError) {
                metadata = await arcGisJsonp(metadataUrl, metadataParameters, "parcelMetadata");
            }
            const fields = (metadata.fields || []).filter(function (field) {
                return field.type === "esriFieldTypeString" && parcelSearchFieldMatches(field, mode);
            }).slice(0, 8);
            if (!fields.length) continue;
            const where = mode === "owner"
                ? searchTokens.map(function (token) {
                    return "(" + fields.map(function (field) {
                        return field.name + " LIKE '%" + token + "%'";
                    }).join(" OR ") + ")";
                }).join(" AND ")
                : fields.map(function (field) {
                    return field.name + " LIKE '%" + value.replace(/'/g, "''") + "%'";
                }).join(" OR ");
            const parameters = new URLSearchParams({
                where:"(" + where + ")", outFields:"*", returnGeometry:"true",
                outSR:"4326", resultRecordCount:"25", f:"json"
            });
            let data;
            try {
                const response = await fetch(queryUrl + "?" + parameters);
                if (!response.ok) throw new Error("Parcel query failed");
                data = await response.json();
            } catch (queryError) {
                data = await arcGisJsonp(queryUrl, parameters, "parcelSearch");
            }
            if (data.error) throw new Error(data.error.message || "Parcel query failed");
            const features = (data.features || []).filter(function (f) {
                return f.geometry && Array.isArray(f.geometry.rings);
            });
            if (!features.length) continue;
            assessorParcelsLayer.clearLayers();
            assessorParcelsLayer.addData({type:"FeatureCollection", features:features.map(function (f) {
                return {type:"Feature", geometry:{type:"Polygon", coordinates:f.geometry.rings}, properties:f.attributes || {}};
            })});
            const layers = [];
            assessorParcelsLayer.eachLayer(function (layer) { layers.push(layer); });
            const selected = layers[0];
            if (selected.getBounds) map.fitBounds(selected.getBounds(), {maxZoom:18, padding:[40,40]});
            selected.openPopup();
            results.innerHTML = features.slice(0, 10).map(function (f) {
                const p = f.attributes || {};
                return '<button type="button" class="map-asset-result"><b>' +
                    escapeCameraHtml(parcelNumberFromProperties(p) || "Parcel") + '</b><span>' +
                    escapeCameraHtml(parcelOwnerFromProperties(p) || parcelProperty(p,["situs_address","site_address","address","property_address"]) || "Details available") +
                    '</span></button>';
            }).join("");
            Array.from(results.querySelectorAll(".map-asset-result")).forEach(function (button, index) {
                button.addEventListener("click", function () {
                    const layer = layers[index];
                    if (!layer) return;
                    if (layer.getBounds) {
                        const center = layer.getBounds().getCenter();
                        setRequestLocation(center.lat, center.lng);
                        map.fitBounds(layer.getBounds(), {maxZoom:18, padding:[40,40]});
                    }
                    layer.openPopup();
                });
            });
            return;
        } catch (error) {
            lastError = error;
        }
    }
    console.warn("Parcel search error:", lastError);
    showMapSearchMessage(results, "No matching parcel was found, or the parcel service is unavailable.", true);
}

// ----------------------------
// Center on current location
// ----------------------------

let centerLocationControlContainer =
    null;
let followModeButton = null;
let followWatchId = null;
let lastFollowPosition = null;
let lastFollowHeading = 0;
let lastFollowHeadingLocation = null;
let followRoadSnapSequence = 0;
let followLastRoadSnapAt = 0;
let followRoadSnapOffset = null;
let followRoadCorridor = null;
let followRoadCorridorRequestedAt = 0;
let followLastForcedCorridorAt = 0;
let followRoadCorridorRequestId = 0;
let followRoadCorridorRequestPending = false;
let followRoadCorridorAbortController = null;
let followRoadDeviationCount = 0;
let followLastMatchedSegment = 0;
let followMotionFilter = null;
let followModeHasAutoZoomed = false;
let followWakeLock = null;
let followWakeLockRequestPending = false;
const followLocationLayer = L.layerGroup().addTo(map);
let followAccuracyCircle = null;
let followLocationDot = null;

function setFollowWakeLockState(active) {
    document.body.classList.toggle("follow-wake-lock-active", Boolean(active));
}

async function requestFollowWakeLock() {
    if (!followModeActive || document.visibilityState !== "visible") return;
    if (!("wakeLock" in navigator) || followWakeLock || followWakeLockRequestPending) return;
    followWakeLockRequestPending = true;
    try {
        const sentinel = await navigator.wakeLock.request("screen");
        if (!followModeActive) {
            await sentinel.release();
            return;
        }
        followWakeLock = sentinel;
        setFollowWakeLockState(true);
        sentinel.addEventListener("release", function () {
            if (followWakeLock === sentinel) followWakeLock = null;
            setFollowWakeLockState(false);
        }, {once:true});
    } catch (error) {
        console.warn("Follow Mode screen wake lock unavailable:", error);
        setFollowWakeLockState(false);
    } finally {
        followWakeLockRequestPending = false;
    }
}

async function releaseFollowWakeLock() {
    const sentinel = followWakeLock;
    followWakeLock = null;
    setFollowWakeLockState(false);
    if (sentinel) {
        try { await sentinel.release(); } catch (error) {
            console.warn("Unable to release Follow Mode screen wake lock:", error);
        }
    }
}

document.addEventListener("visibilitychange", function () {
    if (document.visibilityState === "visible" && followModeActive) {
        requestFollowWakeLock();
    }
});

function followBearingBetween(from, to) {
    const degreesToRadians = Math.PI / 180;
    const radiansToDegrees = 180 / Math.PI;
    const latitude1 = from.lat * degreesToRadians;
    const latitude2 = to.lat * degreesToRadians;
    const longitudeDelta = (to.lng - from.lng) * degreesToRadians;
    const y = Math.sin(longitudeDelta) * Math.cos(latitude2);
    const x = Math.cos(latitude1) * Math.sin(latitude2) -
        Math.sin(latitude1) * Math.cos(latitude2) * Math.cos(longitudeDelta);
    return (Math.atan2(y, x) * radiansToDegrees + 360) % 360;
}

function updateFollowTruckHeading(position, location) {
    const rawHeading = position.coords.heading;
    const rawSpeed = position.coords.speed;
    const reportedHeading = rawHeading == null ? NaN : Number(rawHeading);
    const reportedSpeed = rawSpeed == null ? NaN : Number(rawSpeed);
    const accuracy = Math.max(1, Number(position.coords.accuracy) || 1);
    const movementThreshold = Math.max(12, Math.min(accuracy, 30));
    if (Number.isFinite(reportedHeading) && reportedHeading >= 0 &&
        Number.isFinite(reportedSpeed) && reportedSpeed >= 0.8) {
        lastFollowHeading = reportedHeading;
    } else if (lastFollowHeadingLocation &&
        lastFollowHeadingLocation.distanceTo(location) >= movementThreshold) {
        lastFollowHeading = followBearingBetween(lastFollowHeadingLocation, location);
    }
    if (!lastFollowHeadingLocation ||
        lastFollowHeadingLocation.distanceTo(location) >= movementThreshold) {
        lastFollowHeadingLocation = location;
    }
    return lastFollowHeading;
}

function setFollowTruckRotation(marker, heading) {
    const element = marker && marker.getElement ? marker.getElement() : null;
    const truck = element && element.querySelector(".follow-truck-image");
    if (truck) truck.style.transform = "rotate(" + heading + "deg)";
}

function followHeadingDifference(first, second) {
    return Math.abs(((Number(first) - Number(second) + 540) % 360) - 180);
}

function keepPreviousRoadLock(rawLocation, previousSnap) {
    return {
        location: L.latLng(
            rawLocation.lat + previousSnap.latitude,
            rawLocation.lng + previousSnap.longitude
        ),
        heading: previousSnap.heading
    };
}

function filterFollowMotion(position, rawLocation, travelHeading) {
    const timestamp = Number(position.timestamp) || Date.now();
    const accuracy = Math.max(1, Number(position.coords.accuracy) || 1);
    const speed = Number(position.coords.speed);
    if (!followMotionFilter) {
        followMotionFilter = {
            latitude: rawLocation.lat,
            longitude: rawLocation.lng,
            latitudeVelocity: 0,
            longitudeVelocity: 0,
            timestamp: timestamp
        };
        return rawLocation;
    }

    const elapsedSeconds = Math.max(
        0.2,
        Math.min(2.5, (timestamp - followMotionFilter.timestamp) / 1000)
    );
    const previousLatitude = followMotionFilter.latitude;
    const previousLongitude = followMotionFilter.longitude;
    const predictedLatitude = previousLatitude +
        followMotionFilter.latitudeVelocity * elapsedSeconds;
    const predictedLongitude = previousLongitude +
        followMotionFilter.longitudeVelocity * elapsedSeconds;
    const measurementGain = accuracy <= 8 ? 0.78 :
        (accuracy <= 20 ? 0.62 : 0.45);
    const filteredLatitude = predictedLatitude +
        (rawLocation.lat - predictedLatitude) * measurementGain;
    const filteredLongitude = predictedLongitude +
        (rawLocation.lng - predictedLongitude) * measurementGain;
    const observedLatitudeVelocity =
        (filteredLatitude - previousLatitude) / elapsedSeconds;
    const observedLongitudeVelocity =
        (filteredLongitude - previousLongitude) / elapsedSeconds;

    let sensorLatitudeVelocity = observedLatitudeVelocity;
    let sensorLongitudeVelocity = observedLongitudeVelocity;
    if (Number.isFinite(speed) && speed >= 0.5) {
        const headingRadians = Number(travelHeading) * Math.PI / 180;
        const longitudeScale = Math.max(
            0.2,
            Math.cos(filteredLatitude * Math.PI / 180)
        );
        sensorLatitudeVelocity =
            Math.cos(headingRadians) * speed / 111320;
        sensorLongitudeVelocity =
            Math.sin(headingRadians) * speed / (111320 * longitudeScale);
    }

    followMotionFilter.latitude = filteredLatitude;
    followMotionFilter.longitude = filteredLongitude;
    followMotionFilter.latitudeVelocity =
        followMotionFilter.latitudeVelocity * 0.5 +
        observedLatitudeVelocity * 0.3 +
        sensorLatitudeVelocity * 0.2;
    followMotionFilter.longitudeVelocity =
        followMotionFilter.longitudeVelocity * 0.5 +
        observedLongitudeVelocity * 0.3 +
        sensorLongitudeVelocity * 0.2;
    followMotionFilter.timestamp = timestamp;
    return L.latLng(filteredLatitude, filteredLongitude);
}

function projectFollowPointToSegment(point, start, end) {
    const longitudeScale = Math.max(
        0.2,
        Math.cos(point.lat * Math.PI / 180)
    ) * 111320;
    const latitudeScale = 111320;
    const startX = (start.lng - point.lng) * longitudeScale;
    const startY = (start.lat - point.lat) * latitudeScale;
    const endX = (end.lng - point.lng) * longitudeScale;
    const endY = (end.lat - point.lat) * latitudeScale;
    const deltaX = endX - startX;
    const deltaY = endY - startY;
    const lengthSquared = deltaX * deltaX + deltaY * deltaY;
    const ratio = lengthSquared > 0
        ? Math.max(0, Math.min(1,
            -(startX * deltaX + startY * deltaY) / lengthSquared
        ))
        : 0;
    const projected = L.latLng(
        start.lat + (end.lat - start.lat) * ratio,
        start.lng + (end.lng - start.lng) * ratio
    );
    return {location:projected, distance:point.distanceTo(projected), ratio:ratio};
}

function projectFollowLocationToCorridor(
    location,
    corridor,
    travelHeading,
    preserveProgress
) {
    if (!corridor || !Array.isArray(corridor.points) ||
        corridor.points.length < 2) return null;
    let best = null;
    corridor.points.slice(0, -1).forEach(function (start, index) {
        const end = corridor.points[index + 1];
        const projection = projectFollowPointToSegment(location, start, end);
        let roadHeading = followBearingBetween(start, end);
        if (followHeadingDifference(roadHeading, travelHeading) > 90) {
            roadHeading = (roadHeading + 180) % 360;
        }
        const headingDifference = followHeadingDifference(
            roadHeading,
            travelHeading
        );
        const backwardsPenalty = preserveProgress &&
            index < followLastMatchedSegment - 3
            ? (followLastMatchedSegment - index) * 18
            : 0;
        const score = projection.distance +
            Math.min(70, headingDifference) * 0.28 +
            backwardsPenalty;
        if (!best || score < best.score) {
            best = {
                location: projection.location,
                distance: projection.distance,
                heading: roadHeading,
                headingDifference: headingDifference,
                segmentIndex: index,
                segmentRatio: projection.ratio,
                score: score
            };
        }
    });
    return best;
}

function followCorridorPointAhead(corridor, segmentIndex, meters) {
    if (!corridor || !corridor.points || corridor.points.length < 2) return null;
    let remaining = meters;
    let index = Math.max(0, Math.min(segmentIndex, corridor.points.length - 2));
    for (; index < corridor.points.length - 1; index += 1) {
        const start = corridor.points[index];
        const end = corridor.points[index + 1];
        const length = start.distanceTo(end);
        if (length >= remaining && length > 0) {
            const ratio = remaining / length;
            return {
                location:L.latLng(
                    start.lat + (end.lat - start.lat) * ratio,
                    start.lng + (end.lng - start.lng) * ratio
                ),
                complete:true
            };
        }
        remaining -= length;
    }
    return {location:corridor.points[corridor.points.length - 1],complete:false};
}

async function requestFollowRoadCorridor(
    location,
    travelHeading,
    forceReplacement
) {
    const now = Date.now();
    if (!tomTomTrafficApiKey || followRoadCorridorRequestPending) return;
    if (forceReplacement) {
        if (now - followLastForcedCorridorAt < 2000) return;
        followLastForcedCorridorAt = now;
    } else if (now - followRoadCorridorRequestedAt < 10000) {
        return;
    }
    followRoadCorridorRequestedAt = now;
    followRoadCorridorRequestPending = true;
    const requestId = ++followRoadCorridorRequestId;
    const headingRadians = Number(travelHeading) * Math.PI / 180;
    const corridorDistance = 500;
    const longitudeScale = Math.max(
        0.2,
        Math.cos(location.lat * Math.PI / 180)
    );
    const destinationLatitude = location.lat +
        Math.cos(headingRadians) * corridorDistance / 111320;
    const destinationLongitude = location.lng +
        Math.sin(headingRadians) * corridorDistance /
        (111320 * longitudeScale);
    const routeUrl =
        "https://api.tomtom.com/routing/1/calculateRoute/" +
        location.lat + "," + location.lng + ":" +
        destinationLatitude + "," + destinationLongitude +
        "/json?routeType=fastest&traffic=false&travelMode=car" +
        "&routeRepresentation=polyline&key=" +
        encodeURIComponent(tomTomTrafficApiKey);

    followRoadCorridorAbortController = new AbortController();
    const controller = followRoadCorridorAbortController;
    const timer = setTimeout(function () { controller.abort(); }, 3500);
    try {
        const response = await fetch(routeUrl, {signal:controller.signal});
        if (!response.ok || requestId !== followRoadCorridorRequestId) return;
        const data = await response.json();
        const routePoints = data && data.routes && data.routes[0] &&
            data.routes[0].legs && data.routes[0].legs[0] &&
            data.routes[0].legs[0].points;
        if (!Array.isArray(routePoints) || routePoints.length < 2) return;
        const candidate = {
            points:routePoints.map(function (point) {
                return L.latLng(point.latitude, point.longitude);
            }),
            createdAt:Date.now()
        };
        const candidateProjection = projectFollowLocationToCorridor(
            location,
            candidate,
            travelHeading,
            false
        );
        if (!candidateProjection || candidateProjection.distance > 35) return;

        if (followRoadCorridor && !forceReplacement) {
            const currentProjection = projectFollowLocationToCorridor(
                location,
                followRoadCorridor,
                travelHeading,
                true
            );
            const currentAhead = currentProjection &&
                followCorridorPointAhead(
                    followRoadCorridor,
                    currentProjection.segmentIndex,
                    120
                );
            const candidateAhead = followCorridorPointAhead(
                candidate,
                candidateProjection.segmentIndex,
                120
            );
            const currentRoadStillFits = currentProjection &&
                currentProjection.distance <= 25 &&
                currentProjection.headingDifference <= 18;
            const corridorsSplitAhead = currentAhead && candidateAhead &&
                currentAhead.complete && candidateAhead.complete &&
                currentAhead.location.distanceTo(candidateAhead.location) > 22;
            if (currentRoadStillFits && corridorsSplitAhead) return;
        }

        followRoadCorridor = candidate;
        followLastMatchedSegment = candidateProjection.segmentIndex;
        followRoadDeviationCount = 0;
    } catch (error) {
        if (error && error.name !== "AbortError") {
            console.warn("Follow Mode corridor refresh fallback:", error);
        }
    } finally {
        clearTimeout(timer);
        if (requestId === followRoadCorridorRequestId) {
            followRoadCorridorRequestPending = false;
            followRoadCorridorAbortController = null;
        }
    }
}

async function snapFollowLocationToRoad(position, rawLocation, travelHeading) {
    const speed = Number(position.coords.speed);
    const reportedHeading = position.coords.heading == null
        ? NaN
        : Number(position.coords.heading);
    const accuracy = Math.max(1, Number(position.coords.accuracy) || 1);
    const hasTravelDirection =
        (Number.isFinite(speed) && speed >= 0.8) ||
        (Number.isFinite(reportedHeading) && reportedHeading >= 0);
    const filteredLocation = filterFollowMotion(
        position,
        rawLocation,
        travelHeading
    );
    if (!tomTomTrafficApiKey || !hasTravelDirection || accuracy > 80) {
        return {location:filteredLocation, heading:travelHeading};
    }

    if (!followRoadCorridor) {
        requestFollowRoadCorridor(filteredLocation, travelHeading, true);
        return followRoadSnapOffset
            ? keepPreviousRoadLock(filteredLocation, followRoadSnapOffset)
            : {location:filteredLocation, heading:travelHeading};
    }

    const projection = projectFollowLocationToCorridor(
        filteredLocation,
        followRoadCorridor,
        travelHeading,
        true
    );
    if (!projection) {
        requestFollowRoadCorridor(filteredLocation, travelHeading, true);
        return {location:filteredLocation, heading:travelHeading};
    }

    const maximumCorridorDistance = Math.max(
        16,
        Math.min(40, accuracy * 1.1)
    );
    const clearTurnIntent =
        Number.isFinite(speed) && speed >= 2.5 &&
        projection.headingDifference >= 18 &&
        projection.distance >= 7;
    if (clearTurnIntent) {
        followRoadDeviationCount += 1;
        if (followRoadDeviationCount >= 2) {
            requestFollowRoadCorridor(filteredLocation, travelHeading, true);
            return {location:filteredLocation, heading:travelHeading};
        }
        return {location:projection.location, heading:projection.heading};
    }
    const roadStillMatches =
        projection.distance <= maximumCorridorDistance &&
        projection.headingDifference <= 40;
    if (roadStillMatches) {
        followRoadDeviationCount = 0;
        followLastMatchedSegment = projection.segmentIndex;
        followLastRoadSnapAt = Date.now();
        followRoadSnapOffset = {
            latitude:projection.location.lat - filteredLocation.lat,
            longitude:projection.location.lng - filteredLocation.lng,
            heading:projection.heading
        };
        requestFollowRoadCorridor(filteredLocation, travelHeading, false);
        return {location:projection.location, heading:projection.heading};
    }

    followRoadDeviationCount += 1;
    if (followRoadDeviationCount >= 3) {
        requestFollowRoadCorridor(filteredLocation, travelHeading, true);
    }
    if (followRoadDeviationCount < 6) {
        return {location:projection.location, heading:projection.heading};
    }
    return {location:filteredLocation, heading:travelHeading};
}

function updateFollowModeButton() {
    if (!followModeButton) return;
    followModeButton.classList.toggle("is-active", followModeActive);
    followModeButton.setAttribute("aria-pressed", String(followModeActive));
    followModeButton.setAttribute("aria-label", followModeActive ? "Stop following my location" : "Follow my location");
    const label = followModeButton.querySelector(".follow-mode-label");
    if (label) label.textContent = followModeActive ? "STOP" : "FOLLOW";
    followModeButton.title = followModeActive
        ? "Stop following my location"
        : "Follow my location";
}

function showFollowModeButton() {
    if (!followModeButton) return;
    followModeAvailable = true;
    followModeButton.classList.add("is-visible");
}

async function drawFollowLocation(position, centerMap) {
    const latitude = Number(position.coords.latitude);
    const longitude = Number(position.coords.longitude);
    const accuracy = Math.max(1, Number(position.coords.accuracy) || 1);
    if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) return;

    const rawLocation = L.latLng(latitude, longitude);
    lastFollowPosition = position;
    let heading = updateFollowTruckHeading(position, rawLocation);
    const vehicleHeading = heading;
    const snapSequence = ++followRoadSnapSequence;
    const roadMatch = await snapFollowLocationToRoad(
        position,
        rawLocation,
        heading
    );
    if (snapSequence !== followRoadSnapSequence || !followModeActive) return;
    const location = roadMatch.location;
    heading = roadMatch.heading;
    window.dispatchEvent(new CustomEvent("d4-follow-position", {detail:{
        latitude:location.lat,
        longitude:location.lng,
        rawLatitude:rawLocation.lat,
        rawLongitude:rawLocation.lng,
        heading:heading,
        vehicleHeading:vehicleHeading,
        accuracy:accuracy,
        speed:Number(position.coords.speed) || 0,
        timestamp:Number(position.timestamp) || Date.now()
    }}));

    const nativeFollowActive = Boolean(
        window.D4HybridFollow && window.D4HybridFollow.isActive()
    );
    if (nativeFollowActive) {
        window.D4HybridFollow.update({
            rawCenter: [rawLocation.lng, rawLocation.lat],
            center: [location.lng, location.lat],
            bearing: heading,
            vehicleBearing: vehicleHeading,
            accuracy: accuracy
        });
    }

    if (!nativeFollowActive && !followAccuracyCircle) {
        followAccuracyCircle = L.circle(rawLocation, {
            radius: accuracy,
            color: "#087ac1",
            weight: 1,
            opacity: 0.38,
            fillColor: "#258bd0",
            fillOpacity: 0.13,
            interactive: false
        }).addTo(followLocationLayer);
    } else if (!nativeFollowActive) {
        followAccuracyCircle.setLatLng(rawLocation).setRadius(accuracy);
    }

    if (!nativeFollowActive && !followLocationDot) {
        followLocationDot = L.marker(location, {
            icon: L.divIcon({
                className: "follow-truck-marker",
                html: '<img class="follow-truck-image" src="caltrans-truck-follow-icon.png" alt="" style="display:block!important;width:40px!important;height:76px!important;min-width:40px!important;max-width:40px!important;min-height:76px!important;max-height:76px!important;transform-origin:50% 50%;pointer-events:none;user-select:none;">',
                iconSize: [40, 76],
                iconAnchor: [20, 38]
            }),
            keyboard: false,
            zIndexOffset: 1000,
            interactive: false
        }).addTo(followLocationLayer);
    } else if (!nativeFollowActive) {
        followLocationDot.setLatLng(location);
    }
    if (!nativeFollowActive) setFollowTruckRotation(followLocationDot, heading);

    if (window.autoSelectCountyFiltersFromCoordinates) {
        window.autoSelectCountyFiltersFromCoordinates(latitude, longitude, "");
    }
    if (centerMap && followModeActive) {
        if (nativeFollowActive) {
            // Keep Leaflet following invisibly so viewport-fed operational
            // layers continue loading for the native MapLibre view.
            followModeHasAutoZoomed = true;
            map.setView(location, Math.max(map.getZoom(), 19), {animate:false});
        } else if (!followModeHasAutoZoomed) {
            followModeHasAutoZoomed = true;
            map.setView(
                location,
                Math.max(map.getZoom(), 19),
                {animate:true, duration:0.55}
            );
        } else {
            map.panTo(location, {animate: true, duration: 0.45});
        }
    }
}

function stopFollowMode() {
    const wasFollowing = followModeActive;
    if (followWatchId !== null && "geolocation" in navigator) {
        navigator.geolocation.clearWatch(followWatchId);
    }
    followWatchId = null;
    followModeActive = false;
    window.dispatchEvent(new CustomEvent("d4-follow-state", {detail:{active:false}}));
    releaseFollowWakeLock();
    document.body.classList.remove("follow-mode-active");
    const nativeView = window.D4HybridFollow
        ? window.D4HybridFollow.stop()
        : null;
    if (nativeView && nativeView.center) {
        map.setView(
            [nativeView.center.lat, nativeView.center.lng],
            Math.min(21, Math.max(9, nativeView.zoom || map.getZoom())),
            {animate:false}
        );
        window.setTimeout(function () { map.invalidateSize(); }, 0);
    }
    if (wasFollowing) {
        followLocationLayer.clearLayers();
        followAccuracyCircle = null;
        followLocationDot = null;
        lastFollowHeading = 0;
        lastFollowHeadingLocation = null;
        followRoadSnapSequence += 1;
        followLastRoadSnapAt = 0;
        followRoadSnapOffset = null;
        followRoadCorridor = null;
        followRoadCorridorRequestedAt = 0;
        followLastForcedCorridorAt = 0;
        followRoadCorridorRequestId += 1;
        followRoadCorridorRequestPending = false;
        if (followRoadCorridorAbortController) {
            followRoadCorridorAbortController.abort();
        }
        followRoadCorridorAbortController = null;
        followRoadDeviationCount = 0;
        followLastMatchedSegment = 0;
        followMotionFilter = null;
        followModeHasAutoZoomed = false;
        pinDropEnabled = true;
        if (pinDropCheckbox) pinDropCheckbox.checked = true;
        followModeAvailable = false;
        if (followModeButton) followModeButton.classList.remove("is-visible");
        if (searchControlContainer) searchControlContainer.classList.remove("is-follow-hidden");
        updatePinDropControl();
    }
    updateFollowModeButton();
}

function startFollowMode() {
    if (!("geolocation" in navigator)) return;
    if (followModeActive) {
        stopFollowMode();
        return;
    }

    pinDropEnabled = false;
    if (pinDropCheckbox) pinDropCheckbox.checked = false;
    followModeActive = true;
    followModeHasAutoZoomed = false;
    document.body.classList.add("follow-mode-active");
    requestFollowWakeLock();
    window.dispatchEvent(new CustomEvent("d4-follow-state", {detail:{active:true}}));
    if (window.D4HybridFollow) {
        const currentCenter = map.getCenter();
        window.D4HybridFollow.start({
            center: [currentCenter.lng, currentCenter.lat],
            zoom: Math.max(map.getZoom(), 18.8),
            bearing: lastFollowHeading || 0,
            aerial: map.hasLayer(aerialLayer),
            layerProvider: function () {
                return {
                    aerial: map.hasLayer(aerialLayer),
                    theme: document.body.dataset.theme || "day",
                    drainEnabled: map.hasLayer(drainInletsLayer),
                    drainLayer: drainInletsLayer,
                    sensitiveEnabled: map.hasLayer(sensitiveAreasLayer),
                    sensitiveLayer: sensitiveAreasLayer
                };
            }
        });
    }
    if (searchControlContainer) searchControlContainer.classList.add("is-follow-hidden");
    if (requestPin) {
        map.removeLayer(requestPin);
        requestPin = null;
    }
    lookupPanelGeneration += 1;
    hideLocationInfoPanel();
    updatePinDropControl();
    updateFollowModeButton();
    if (lastFollowPosition) drawFollowLocation(lastFollowPosition, true);
    followWatchId = navigator.geolocation.watchPosition(
        function (position) {
            drawFollowLocation(position, true);
        },
        function (error) {
            console.warn("Unable to follow location:", error);
            stopFollowMode();
        },
        {enableHighAccuracy:true, timeout:15000, maximumAge:3000}
    );
}

function updateCenterButtonVisibility() {
    if (!centerLocationControlContainer) {
        return;
    }

  const allowedModes = [
    "Request",
    "CSRInput",
    "Freelance",
    "Lookup"
];

    centerLocationControlContainer
        .style.display =
            allowedModes.includes(mapMode)
                ? "block"
                : "none";
}

function centerMapOnUserLocation(button) {
    if (followModeActive && window.D4HybridFollow &&
        window.D4HybridFollow.isActive()) {
        window.D4HybridFollow.recenter();
        return;
    }
    if (!("geolocation" in navigator)) {
        console.warn(
            "Geolocation is not supported."
        );

        return;
    }

    button.classList.add("is-locating");
    button.querySelector(".center-button-label").textContent = "FINDING";

    navigator.geolocation.getCurrentPosition(
        function (position) {
            suppressNextLookupPanel = true;
            lastFollowPosition = position;
            showFollowModeButton();

            // Update both county selectors immediately from the GPS point;
            // do not wait for the slower address and postmile lookups.
            if (window.autoSelectCountyFiltersFromCoordinates) {
                window.autoSelectCountyFiltersFromCoordinates(
                    position.coords.latitude,
                    position.coords.longitude,
                    ""
                );
            }

            setRequestLocation(
                position.coords.latitude,
                position.coords.longitude
            );

            button.classList.remove(
                "is-locating"
            );

            button.querySelector(".center-button-label").textContent = "LOCATE";
        },

        function (error) {
            console.warn(
                "Unable to center map:",
                error
            );

            button.classList.remove(
                "is-locating"
            );

            button.querySelector(".center-button-label").textContent = "LOCATE";
        },

        {
            enableHighAccuracy: true,
            timeout: 10000,
            maximumAge: 30000
        }
    );
}

const CenterLocationControl =
    L.Control.extend({

        options: {
            position: "topleft"
        },

        onAdd: function () {
            const container =
                L.DomUtil.create(
                    "div",
                    "leaflet-bar center-location-control"
                );

            const button =
                L.DomUtil.create(
                    "button",
                    "map-center-button",
                    container
                );

            button.type = "button";
            button.innerHTML =
                '<span class="center-button-icon" aria-hidden="true">' +
                '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><circle cx="12" cy="12" r="8"/><path d="M12 1v3M12 20v3M1 12h3M20 12h3"/></svg></span>' +
                '<span class="center-button-label">LOCATE</span>';
            button.title =
                "Center on my location";

            button.setAttribute(
                "aria-label",
                "Center on my location"
            );

            const followButton = L.DomUtil.create(
                "button",
                "follow-mode-button",
                container
            );
            followButton.type = "button";
            followButton.setAttribute("aria-label", "Follow my location");
            followButton.setAttribute("aria-pressed", "false");
            followButton.innerHTML =
                '<span class="follow-mode-icon" aria-hidden="true">' +
                '<svg viewBox="0 0 24 24"><path d="M20.5 3.5 4 10.2l6.5 2.4 2.4 6.5 7.6-15.6Z"/><path d="m10.5 12.6 4-4"/></svg></span>' +
                '<span class="follow-mode-label">FOLLOW</span>' +
                '<span class="follow-mode-status" aria-hidden="true"></span>';
            followModeButton = followButton;
            updateFollowModeButton();

            L.DomEvent.disableClickPropagation(
                container
            );

            L.DomEvent.on(
                button,
                "click",
                function (event) {
                    L.DomEvent.stop(event);

                    centerMapOnUserLocation(
                        button
                    );
                }
            );
            L.DomEvent.on(followButton, "click", function (event) {
                L.DomEvent.stop(event);
                startFollowMode();
            });

            centerLocationControlContainer =
                container;

            updateCenterButtonVisibility();

            return container;
        }
    });

const centerLocationControl =
    new CenterLocationControl();

centerLocationControl.addTo(map);

map.on("dragstart", function () {
    if (followModeActive) stopFollowMode();
});

// ----------------------------
// Street View for selected pin
// ----------------------------

let streetViewControlContainer =
    null;

let streetViewControlButton =
    null;

function updateStreetViewButtonVisibility() {
    if (
        !streetViewControlContainer ||
        !streetViewControlButton
    ) {
        return;
    }

    const allowedModes = [
        "Request",
        "CSRInput",
        "Freelance",
        "Detail"
    ];

    const activeLocation =
        window.latestSelectedLocation ||
        window.latestDetailJob;

    const hasLocation = Boolean(
        activeLocation &&
        Number.isFinite(Number(activeLocation.latitude)) &&
        Number.isFinite(Number(activeLocation.longitude))
    );

    streetViewControlContainer
        .style.display =
            allowedModes.includes(mapMode) &&
            hasLocation
                ? "block"
                : "none";

    streetViewControlButton.disabled =
        !hasLocation;
}

const StreetViewPinControl =
    L.Control.extend({
        options: {
            position: "topleft"
        },

        onAdd: function () {
            const container =
                L.DomUtil.create(
                    "div",
                    "leaflet-bar"
                );

            const button =
                L.DomUtil.create(
                    "button",
                    "map-street-view-button",
                    container
                );

            button.type = "button";
            button.innerHTML = "Street<br>View";
            button.title =
                "Open Street View";

            button.setAttribute(
                "aria-label",
                "Open Street View"
            );

            L.DomEvent.disableClickPropagation(
                container
            );

            L.DomEvent.on(
                button,
                "click",
                function (event) {
                    L.DomEvent.stop(event);

                    const location =
                        window.latestSelectedLocation ||
                        window.latestDetailJob;

                    if (!location) {
                        return;
                    }

                    openStreetView(
                        location.latitude,
                        location.longitude
                    );
                }
            );

            streetViewControlContainer =
                container;

            streetViewControlButton =
                button;

            updateStreetViewButtonVisibility();

            return container;
        }
    });

const streetViewPinControl =
    new StreetViewPinControl();

streetViewPinControl.addTo(map);

// -------------------------------------------------
// Drag / tap Street View person (desktop and mobile)
// -------------------------------------------------

let streetViewPlacementLayer = null;
let streetViewDropButton = null;
let streetViewTargetMover = null;

function cancelStreetViewPlacement() {
    if (streetViewPlacementLayer) {
        streetViewPlacementLayer.remove();
        streetViewPlacementLayer = null;
    }
    streetViewTargetMover = null;

    if (streetViewDropButton) {
        streetViewDropButton.classList.remove("is-armed");
        streetViewDropButton.setAttribute("aria-pressed", "false");
    }
}

document.addEventListener("keydown", function (event) {
    if (event.key !== "Escape") return;
    if (streetViewPlacementLayer) {
        event.preventDefault();
        cancelStreetViewPlacement();
        return;
    }
    const streetViewContainer = document.getElementById("streetViewContainer");
    if (streetViewContainer && streetViewContainer.style.display !== "none" && streetViewContainer.style.display !== "") {
        event.preventDefault();
        closeStreetView();
    }
});

async function snapStreetViewPointToRoad(location) {
    if (!tomTomTrafficApiKey) return location;

    const nearbyLatitude = location.lat + 0.00035;
    const routeUrl =
        "https://api.tomtom.com/routing/1/calculateRoute/" +
        location.lat + "," + location.lng + ":" +
        nearbyLatitude + "," + location.lng +
        "/json?routeType=shortest&traffic=false&travelMode=car" +
        "&routeRepresentation=polyline&key=" +
        encodeURIComponent(tomTomTrafficApiKey);

    try {
        const controller = new AbortController();
        const timer = setTimeout(function () { controller.abort(); }, 3500);
        const response = await fetch(routeUrl, { signal: controller.signal });
        clearTimeout(timer);
        if (!response.ok) return location;

        const data = await response.json();
        const points = data && data.routes && data.routes[0] &&
            data.routes[0].legs && data.routes[0].legs[0] &&
            data.routes[0].legs[0].points;
        if (!Array.isArray(points) || !points.length) return location;

        let nearest = points[0];
        let nearestDistance = Infinity;
        points.forEach(function (point) {
            const latDifference = Number(point.latitude) - location.lat;
            const lngDifference = Number(point.longitude) - location.lng;
            const distance = latDifference * latDifference +
                lngDifference * lngDifference;
            if (distance < nearestDistance) {
                nearestDistance = distance;
                nearest = point;
            }
        });

        return L.latLng(nearest.latitude, nearest.longitude);
    } catch (error) {
        console.warn("Street View road snap fallback:", error);
        return location;
    }
}

async function openStreetViewAtClientPoint(clientX, clientY) {
    const mapElement = map.getContainer();
    const bounds = mapElement.getBoundingClientRect();
    const point = L.point(clientX - bounds.left, clientY - bounds.top);
    const location = map.containerPointToLatLng(point);

    if (streetViewPlacementLayer) {
        streetViewPlacementLayer.classList.add("is-snapping");
    }

    const snappedLocation = await snapStreetViewPointToRoad(location);
    cancelStreetViewPlacement();
    openStreetView(snappedLocation.lat, snappedLocation.lng);
}

function beginStreetViewPlacement() {
    if (streetViewPlacementLayer) {
        cancelStreetViewPlacement();
        return;
    }

    const mapElement = map.getContainer();
    const layer = document.createElement("div");
    layer.className = "street-view-placement-layer";
    layer.setAttribute("aria-label", "Choose a Street View location");

    const target = document.createElement("span");
    target.className = "street-view-drop-target";
    layer.appendChild(target);

    function moveTarget(clientX, clientY) {
        const bounds = mapElement.getBoundingClientRect();
        const x = Math.max(0, Math.min(bounds.width, clientX - bounds.left));
        const y = Math.max(0, Math.min(bounds.height, clientY - bounds.top));
        const targetOffset = window.matchMedia("(pointer: coarse)").matches ? 22 : 34;
        target.style.transform = "translate(" + x + "px," + (y + targetOffset) + "px)";
    }

    streetViewTargetMover = moveTarget;

    layer.addEventListener("pointermove", function (event) {
        moveTarget(event.clientX, event.clientY);
    });

    layer.addEventListener("pointerdown", function (event) {
        moveTarget(event.clientX, event.clientY);
    });

    layer.addEventListener("click", function (event) {
        event.preventDefault();
        event.stopPropagation();
        openStreetViewAtClientPoint(event.clientX, event.clientY);
    });

    layer.addEventListener("dragover", function (event) {
        event.preventDefault();
        if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
        moveTarget(event.clientX, event.clientY);
    });

    layer.addEventListener("drop", function (event) {
        event.preventDefault();
        event.stopPropagation();
        openStreetViewAtClientPoint(event.clientX, event.clientY);
    });

    mapElement.appendChild(layer);
    streetViewPlacementLayer = layer;

    if (streetViewDropButton) {
        streetViewDropButton.classList.add("is-armed");
        streetViewDropButton.setAttribute("aria-pressed", "true");
    }
}

const StreetViewDropControl = L.Control.extend({
    options: { position: "topleft" },

    onAdd: function () {
        const container = L.DomUtil.create(
            "div",
            "leaflet-bar street-view-drop-control"
        );
        const button = L.DomUtil.create(
            "button",
            "street-view-drop-button",
            container
        );
        const tip = L.DomUtil.create(
            "span",
            "street-view-drop-tip",
            container
        );

        button.type = "button";
        button.draggable = true;
        button.title = "Tap / click, then select a location on the map";
        button.setAttribute("aria-label", "Place Street View on the map");
        button.setAttribute("aria-pressed", "false");
        button.innerHTML =
            '<svg viewBox="0 0 24 24" aria-hidden="true">' +
            '<circle cx="12" cy="4.5" r="2.7"/>' +
            '<path d="M9.4 8.1h5.2c.9 0 1.6.7 1.6 1.6v4.2h-2v7h-2.1v-5.4h-.2V21H9.8v-7H7.7V9.7c0-.9.8-1.6 1.7-1.6z"/>' +
            '</svg>';
        tip.textContent = "Tap / click, then select a location on the map";
        tip.style.display = "none";

        let touchDrag = null;
        let suppressTouchClick = false;

        L.DomEvent.disableClickPropagation(container);
        L.DomEvent.disableScrollPropagation(container);

        button.addEventListener("click", function (event) {
            event.preventDefault();
            event.stopPropagation();
            if (suppressTouchClick) {
                suppressTouchClick = false;
                return;
            }
            beginStreetViewPlacement();
        });

        button.addEventListener("pointerdown", function (event) {
            if (event.pointerType !== "touch" && event.pointerType !== "pen") return;

            event.preventDefault();
            event.stopPropagation();
            tip.style.display = "none";
            suppressTouchClick = true;
            touchDrag = {
                pointerId: event.pointerId,
                startX: event.clientX,
                startY: event.clientY,
                moved: false
            };

            beginStreetViewPlacement();
            if (streetViewTargetMover) {
                streetViewTargetMover(event.clientX, event.clientY);
            }

            try { button.setPointerCapture(event.pointerId); } catch (error) {}
        });

        button.addEventListener("pointermove", function (event) {
            if (!touchDrag || event.pointerId !== touchDrag.pointerId) return;

            event.preventDefault();
            const distance = Math.hypot(
                event.clientX - touchDrag.startX,
                event.clientY - touchDrag.startY
            );
            if (distance > 8) touchDrag.moved = true;
            if (streetViewTargetMover) {
                streetViewTargetMover(event.clientX, event.clientY);
            }
        });

        button.addEventListener("pointerup", function (event) {
            if (!touchDrag || event.pointerId !== touchDrag.pointerId) return;

            event.preventDefault();
            event.stopPropagation();
            const shouldOpen = touchDrag.moved;
            touchDrag = null;
            try { button.releasePointerCapture(event.pointerId); } catch (error) {}

            if (shouldOpen) {
                openStreetViewAtClientPoint(event.clientX, event.clientY);
            }
        });

        button.addEventListener("pointercancel", function () {
            touchDrag = null;
            suppressTouchClick = false;
            cancelStreetViewPlacement();
        });

        button.addEventListener("dragstart", function (event) {
            if (event.dataTransfer) {
                event.dataTransfer.effectAllowed = "move";
                event.dataTransfer.setData("text/plain", "street-view");
            }
            tip.style.display = "none";
            beginStreetViewPlacement();
        });

        button.addEventListener("mouseenter", function () {
            tip.style.display = "block";
        });
        button.addEventListener("mouseleave", function () {
            tip.style.display = "none";
        });

        streetViewDropButton = button;
        return container;
    }
});

new StreetViewDropControl().addTo(map);

async function searchMapLocation(
    searchText,
    resultsContainer,
    selectFirstResult
) {

    const query =
        String(searchText).trim();

    if (!query) {
        return;
    }

    resultsContainer.style.display =
        "block";

    resultsContainer.innerHTML =
        `<div class="map-search-message">
            Searching...
        </div>`;

    try {

        const response = await fetch(
            "https://nominatim.openstreetmap.org/search" +
            "?format=jsonv2" +
            "&addressdetails=1" +
            "&limit=5" +
            "&countrycodes=us" +
            "&q=" +
            encodeURIComponent(query)
        );

        const results =
            await response.json();

        resultsContainer.innerHTML = "";

        if (!results.length) {

            resultsContainer.innerHTML =
                `<div class="map-search-message">
                    No locations found.
                </div>`;

            return;
        }

        if (selectFirstResult) {
            setRequestLocation(results[0].lat, results[0].lon);
            resultsContainer.style.display = "none";
            return;
        }

        results.forEach(function (result) {

            const resultButton =
                document.createElement("div");

            resultButton.className =
                "map-search-result";

            resultButton.textContent =
                result.display_name;

            resultButton.addEventListener(
                "click",
                function () {

                    const searchInput = resultsContainer.closest(".map-search-control") &&
                        resultsContainer.closest(".map-search-control").querySelector(".map-search-input");
                    if (searchInput) searchInput.value = result.display_name;

                    setRequestLocation(
                        result.lat,
                        result.lon
                    );

                    resultsContainer.style.display =
                        "none";
                }
            );

            resultsContainer.appendChild(
                resultButton
            );
        });

    } catch (error) {

        console.error(
            "Location search error:",
            error
        );

        resultsContainer.innerHTML =
            `<div class="map-search-message">
                Unable to search right now.
            </div>`;
    }
}

        // ----------------------------
        // Street View functions
        // ----------------------------

        function openStreetView(latitude, longitude) {

            if (
                !GOOGLE_EMBED_API_KEY ||
                GOOGLE_EMBED_API_KEY ===
                "YOUR_GOOGLE_MAPS_EMBED_API_KEY"
            ) {
                alert(
                    "Add your Google Maps Embed API key first."
                );
                return;
            }

            const streetViewContainer =
                document.getElementById(
                    "streetViewContainer"
                );

            const streetViewFrame =
                document.getElementById(
                    "streetViewFrame"
                );

            const location =
                `${latitude},${longitude}`;

            streetViewFrame.src =
                "https://www.google.com/maps/embed/v1/streetview" +
                "?key=" +
                encodeURIComponent(
                    GOOGLE_EMBED_API_KEY
                ) +
                "&location=" +
                encodeURIComponent(location);

            streetViewContainer.style.display =
                "block";
        }


        function closeStreetView() {

            const streetViewContainer =
                document.getElementById(
                    "streetViewContainer"
                );

            const streetViewFrame =
                document.getElementById(
                    "streetViewFrame"
                );

            streetViewContainer.style.display =
                "none";

            // Stop Street View from remaining loaded
            streetViewFrame.src = "";

            setTimeout(function () {
                map.invalidateSize();
            }, 100);
        }


       // ----------------------------
// Example job data
// ----------------------------

let jobData = [
    {
    id: "25-001",
    status: "Open",
    pinType: "Open",
    stopNumber: 1,
    jobType: "CSR",
    source: "CSR",
    route: "880",
    city: "San Leandro",
    latitude: 37.721,
    longitude: -122.156
},
{
    id: "25-002",
    status: "Completed",
    pinType: "Completed",
    stopNumber: 2,
    jobType: "CSR",
    source: "CSR",
    route: "580",
    city: "Oakland",
    latitude: 37.804,
    longitude: -122.271
}
];

function loadJobs(newJobData) {

    try {

        const parsedJobs =
            typeof newJobData === "string"
                ? JSON.parse(newJobData)
                : newJobData;

        if (!Array.isArray(parsedJobs)) {

            console.warn(
                "Job data must be an array."
            );

            return false;
        }

        jobData =
            parsedJobs.filter(function (job) {

                return (
                    job &&
                    Number.isFinite(
                        Number(job.latitude)
                    ) &&
                    Number.isFinite(
                        Number(job.longitude)
                    )
                );
            });

        renderJobMarkers();

        console.log(
            "Jobs loaded:",
            jobData.length
        );

        return true;

    } catch (error) {

        console.error(
            "Unable to load job data:",
            error
        );

        return false;
    }
}

function publishSelectedJob(
    job
) {
    window.latestSelectedJob =
        job
            ? { ...job }
            : null;

    window.dispatchEvent(
        new CustomEvent(
            "mapjobselect",
            {
                detail:
                    window.latestSelectedJob
            }
        )
    );

    if (
        typeof window.onMapJobSelected ===
        "function"
    ) {
        window.onMapJobSelected(
            window.latestSelectedJob
        );
    }

    console.log(
        "Selected job ready for Power Apps:",
        window.latestSelectedJob
    );
}

function selectJob(
    jobId,
    jobSource
) {

    selectedJob =
        jobData.find(function (job) {

            return (
                String(job.id) ===
                    String(jobId) &&
                String(job.source)
                    .toUpperCase() ===
                String(jobSource)
                    .toUpperCase()
            );
        }) || null;

    if (!selectedJob) {

        console.warn(
            "Job not found:",
            jobId,
            jobSource
        );

        return false;
    }

    console.table(selectedJob);

    console.log(
    "Selected job:",
    selectedJob.id,
    selectedJob.source
);

publishSelectedJob(
    selectedJob
);

return true;
}

function createSprayCanIcon() {

    return L.divIcon({

        className: "map-job-icon",

        html: `
            <svg
                width="28"
                height="38"
                viewBox="0 0 32 42"
                xmlns="http://www.w3.org/2000/svg"
            >
                <!-- Spray nozzle -->
                <rect
                    x="13"
                    y="2"
                    width="11"
                    height="5"
                    rx="1"
                    fill="#303030"
                />

                <rect
                    x="22"
                    y="3"
                    width="7"
                    height="3"
                    rx="1"
                    fill="#303030"
                />

                <!-- Spray mist -->
                <circle
                    cx="30"
                    cy="2"
                    r="1.2"
                    fill="#e33232"
                />

                <circle
                    cx="31"
                    cy="6"
                    r="0.9"
                    fill="#e33232"
                />

                <!-- Can shoulder -->
                <path
                    d="M8 12 L11 7 H22 L25 12 Z"
                    fill="#c9c9c9"
                    stroke="#292929"
                    stroke-width="1.5"
                />

                <!-- Can body -->
                <rect
                    x="6"
                    y="12"
                    width="21"
                    height="27"
                    rx="3"
                    fill="#e33232"
                    stroke="#292929"
                    stroke-width="2"
                />

                <!-- Can label -->
                <path
                    d="M9 25 L24 18 L24 26 L9 33 Z"
                    fill="#ffffff"
                    opacity="0.9"
                />

                <!-- Paint drip -->
                <path
                    d="M13 29 V34 C13 37 17 37 17 34 V27"
                    fill="#e33232"
                />
            </svg>
        `,

        iconSize: [28, 38],
        iconAnchor: [14, 37],
        popupAnchor: [0, -35]
    });
}

function createCompletedPinIcon() {

    return L.divIcon({

        className: "map-job-icon",

        html: `
            <svg
                width="18"
                height="27"
                viewBox="0 0 26 38"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    d="
                        M13 1
                        C6.4 1 1 6.4 1 13
                        C1 22 13 36 13 36
                        C13 36 25 22 25 13
                        C25 6.4 19.6 1 13 1
                        Z
                    "
                    fill="#2eae4e"
                    stroke="#1d6d32"
                    stroke-width="2"
                />

                <circle
                    cx="13"
                    cy="13"
                    r="5"
                    fill="white"
                />
            </svg>
        `,

        iconSize: [18, 27],
iconAnchor: [9, 26],
popupAnchor: [0, -24]
    });
}

function createRouteStopIcon(
    stopNumber
) {

    const number =
        stopNumber ?? "?";

    return L.divIcon({

        className: "map-job-icon",

        html: `
            <div
                style="
                    width: 28px;
                    height: 28px;
                    border-radius: 50%;
                    background: #0877c9;
                    border: 3px solid white;
                    box-shadow:
                        0 2px 5px
                        rgba(0, 0, 0, 0.45);
                    color: white;
                    font-size: 14px;
                    font-weight: bold;
                    font-family:
                        Arial,
                        sans-serif;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                "
            >
                ${number}
            </div>
        `,

        iconSize: [34, 34],
        iconAnchor: [17, 17],
        popupAnchor: [0, -19]
    });
}

function renderJobMarkers() {

    jobMarkersLayer.clearLayers();

   let jobsToShow = [];

if (mapMode === "Detail") {

    jobsToShow =
        jobData.slice(0, 1);

} else if (
    mapMode === "Browse" ||
    mapMode === "DailyRoute"
) {

    jobsToShow = jobData;
}


    window.latestDetailJob =
        mapMode === "Detail"
            ? jobsToShow[0] || null
            : null;

    updateStreetViewButtonVisibility();

    jobsToShow.forEach(function (job) {

        const isCompletedPin =
    String(job.pinType).toUpperCase() ===
    "COMPLETED";

const jobIcon =
    mapMode === "DailyRoute"
        ? createRouteStopIcon(
            job.stopNumber
        )
        : isCompletedPin
            ? createCompletedPinIcon()
            : createSprayCanIcon();

const jobMarker =
    L.marker(
        [
            job.latitude,
            job.longitude
        ],
        {
            icon: jobIcon
        }
    ).addTo(jobMarkersLayer);

jobMarker.on(
    "click",
    function () {
        map.closePopup();

        if (mapMode === "Detail") {
            return;
        }

        showJobDetailsPanel(
            job
        );
    }
);
    });
    
  const jobLocations =
    jobsToShow
        .map(function (job) {

            return [
                Number(job.latitude),
                Number(job.longitude)
            ];
        })
        .filter(function (location) {

            return (
                Number.isFinite(location[0]) &&
                Number.isFinite(location[1])
            );
        });


if (jobLocations.length === 1) {

    map.setView(
        jobLocations[0],
        17
    );

} else if (
    jobLocations.length > 1
) {

    map.fitBounds(
        jobLocations,
        {
            padding: [40, 40],
            maxZoom: 16
        }
    );
}  
}

function getDirection(routeNumber, routeId) {
    const route = String(routeNumber)
        .replace(/^0+/, "");

    const alignment = String(routeId)
        .split(".")
        .pop()
        .toUpperCase();

    const northSouthRoutes = [
        "13", "61", "77", "185",
        "238", "280", "680", "880"
    ];

    const eastWestRoutes = [
        "24", "80", "84", "92",
        "112", "123", "580", "980"
    ];

    if (alignment !== "L" && alignment !== "R") {
        return "";
    }

    if (northSouthRoutes.includes(route)) {
        return alignment === "R" ? "NB" : "SB";
    }

    // Route 580 uses the opposite L/R alignment relationship in the
    // Caltrans postmile layer from the other east/west routes below.
    if (route === "580") {
        return alignment === "R" ? "WB" : "EB";
    }

    if (eastWestRoutes.includes(route)) {
        return alignment === "R" ? "EB" : "WB";
    }

    return "";
}

function normalizePinDirection(routeNumber, directionValue) {
    const route = String(routeNumber || "").replace(/^0+/, "");
    const direction = String(directionValue || "").trim().toUpperCase();

    // The source sometimes classifies SR-84 using its local north/south
    // alignment. Field users identify Route 84 as eastbound/westbound.
    if (route === "84") {
        if (direction === "NB" || direction === "N") return "EB";
        if (direction === "SB" || direction === "S") return "WB";
    }

    return direction;
}

        // ----------------------------
        // Postmile lookup
        // ----------------------------

        async function lookupPostmile(
            lat,
            lng
        ) {
            const serviceUrl =
                "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHhighway/SHN_Postmiles_Tenth/FeatureServer/0/query";

            try {
                const parameters = new URLSearchParams({
                    f: "json",
                    where: "1=1",
                    geometry: JSON.stringify({
                        x: lng,
                        y: lat,
                        spatialReference: { wkid: 4326 }
                    }),
                    geometryType: "esriGeometryPoint",
                    inSR: "4326",
                    spatialRel: "esriSpatialRelIntersects",
                    distance: "1000",
                    units: "esriSRUnit_Meter",
                    outFields: [
                        "Route",
                        "RouteS",
                        "PMRouteID",
                        "County",
                        "PMPrefix",
                        "PM",
                        "PMSuffix",
                        "PMc",
                        "AlignCode",
                        "Direction"
                    ].join(","),
                    returnGeometry: "true",
                    outSR: "4326",
                    resultRecordCount: "200"
                });

                const response = await fetch(
                    serviceUrl + "?" + parameters.toString()
                );

                if (!response.ok) {
                    throw new Error(
                        "Caltrans postmile request failed: " +
                        response.status
                    );
                }

                const data = await response.json();
                const features = data.features || [];

                if (!features.length) {
                    throw new Error("No nearby Caltrans postmiles found.");
                }

                const latitudeScale = 110540;
                const longitudeScale =
                    111320 * Math.cos(lat * Math.PI / 180);

                function pointToSegment(featureA, featureB) {
                    const ax =
                        (featureA.geometry.x - lng) * longitudeScale;
                    const ay =
                        (featureA.geometry.y - lat) * latitudeScale;
                    const bx =
                        (featureB.geometry.x - lng) * longitudeScale;
                    const by =
                        (featureB.geometry.y - lat) * latitudeScale;
                    const dx = bx - ax;
                    const dy = by - ay;
                    const lengthSquared = dx * dx + dy * dy;
                    const t = lengthSquared > 0
                        ? Math.max(
                            0,
                            Math.min(
                                1,
                                -(ax * dx + ay * dy) /
                                    lengthSquared
                            )
                        )
                        : 0;
                    const px = ax + t * dx;
                    const py = ay + t * dy;

                    return {
                        distance: Math.sqrt(px * px + py * py),
                        t: t
                    };
                }

                const groups = new Map();

                for (const feature of features) {
                    const attributes = feature.attributes || {};
                    const measure = Number(attributes.PM);

                    if (
                        !feature.geometry ||
                        !Number.isFinite(feature.geometry.x) ||
                        !Number.isFinite(feature.geometry.y) ||
                        !Number.isFinite(measure)
                    ) {
                        continue;
                    }

                    const key = [
                        attributes.PMRouteID || "",
                        attributes.Direction || "",
                        attributes.AlignCode || ""
                    ].join("|");

                    if (!groups.has(key)) {
                        groups.set(key, []);
                    }

                    groups.get(key).push(feature);
                }

                let best = null;

                for (const group of groups.values()) {
                    group.sort(
                        (a, b) =>
                            Number(a.attributes.PM) -
                            Number(b.attributes.PM)
                    );

                    for (let index = 0; index < group.length - 1; index += 1) {
                        const featureA = group[index];
                        const featureB = group[index + 1];
                        const measureA = Number(featureA.attributes.PM);
                        const measureB = Number(featureB.attributes.PM);

                        if (Math.abs(measureB - measureA) > 0.25) {
                            continue;
                        }

                        const projection = pointToSegment(
                            featureA,
                            featureB
                        );
                        const measure =
                            measureA +
                            projection.t * (measureB - measureA);

                        if (!best || projection.distance < best.distance) {
                            best = {
                                distance: projection.distance,
                                measure: measure,
                                feature: projection.t <= 0.5
                                    ? featureA
                                    : featureB
                            };
                        }
                    }
                }

                if (!best) {
                    for (const feature of features) {
                        if (!feature.geometry) {
                            continue;
                        }

                        const dx =
                            (feature.geometry.x - lng) * longitudeScale;
                        const dy =
                            (feature.geometry.y - lat) * latitudeScale;
                        const distance = Math.sqrt(dx * dx + dy * dy);

                        if (!best || distance < best.distance) {
                            best = {
                                distance: distance,
                                measure: Number(feature.attributes.PM),
                                feature: feature
                            };
                        }
                    }
                }

                if (!best || best.distance > 150) {
                    throw new Error("Selected point is not on a state highway.");
                }

                const attributes = best.feature.attributes;
                const measure = Number(best.measure.toFixed(3));
                const prefix = attributes.PMPrefix || "";

                return {
                    locations: [
                        {
                            results: [
                                {
                                    routeId: attributes.PMRouteID || "",
                                    direction: normalizePinDirection(
                                        attributes.Route,
                                        attributes.Direction
                                    ),
                                    distance: best.distance,
                                    measure: measure,
                                    postmile: {
                                        county: attributes.County || "",
                                        postmilePrefix: prefix,
                                        postmileValue: measure,
                                        routeNumber: attributes.Route,
                                        postmileString:
                                            (attributes.County || "") +
                                            " " +
                                            String(attributes.Route || "") +
                                            " " +
                                            prefix +
                                            String(measure)
                                    }
                                }
                            ]
                        }
                    ]
                };
            } catch (error) {
                console.error("Postmile Error:", error);
                return null;
            }
        }

async function searchByPostmile(
    routeValue,
    directionValue,
    postmileText,
    resultsContainer
) {
    const route = String(routeValue || "")
        .replace(/^0+/, "");
    const direction = String(directionValue || "")
        .trim()
        .toUpperCase();
    const match = String(postmileText || "")
        .trim()
        .toUpperCase()
        .match(/^([A-Z])?\s*(-?\d+(?:\.\d+)?)$/);

    if (!route || !direction || !match) {
        resultsContainer.innerHTML =
            '<div class="map-search-message">Select a route and direction, then enter a valid postmile.</div>';
        resultsContainer.style.display = "block";
        return false;
    }

    const prefix = match[1] || "";
    const targetPostmile = Number(match[2]);
    const serviceUrl =
        "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHhighway/SHN_Postmiles_Tenth/FeatureServer/0/query";

    resultsContainer.innerHTML =
        '<div class="map-search-message">Finding postmile…</div>';
    resultsContainer.style.display = "block";

    try {
        const lower = targetPostmile - 0.35;
        const upper = targetPostmile + 0.35;
        const where =
            "County='ALA' AND Route=" + Number(route) +
            " AND PM >= " + lower +
            " AND PM <= " + upper;
        const parameters = new URLSearchParams({
            f: "json",
            where: where,
            outFields: [
                "Route", "RouteS", "PMRouteID", "County",
                "PMPrefix", "PM", "PMSuffix", "PMc",
                "AlignCode", "Direction"
            ].join(","),
            returnGeometry: "true",
            outSR: "4326",
            orderByFields: "PM ASC",
            resultRecordCount: "200"
        });
        const response = await fetch(
            serviceUrl + "?" + parameters.toString()
        );

        if (!response.ok) {
            throw new Error("Caltrans postmile request failed");
        }

        const data = await response.json();
        const features = (data.features || []).filter(function (feature) {
            const attributes = feature.attributes || {};
            const featureDirection = String(
                attributes.Direction || ""
            ).trim().toUpperCase();
            const featurePrefix = String(
                attributes.PMPrefix || ""
            ).trim().toUpperCase();

            return feature.geometry &&
                Number.isFinite(Number(feature.geometry.x)) &&
                Number.isFinite(Number(feature.geometry.y)) &&
                Number.isFinite(Number(attributes.PM)) &&
                featureDirection === direction &&
                (!prefix || featurePrefix === prefix);
        });

        if (!features.length) {
            throw new Error("No matching Alameda County postmile was found.");
        }

        features.sort(function (a, b) {
            return Number(a.attributes.PM) -
                Number(b.attributes.PM);
        });

        let before = null;
        let after = null;

        features.forEach(function (feature) {
            const measure = Number(feature.attributes.PM);
            if (measure <= targetPostmile) {
                before = feature;
            }
            if (!after && measure >= targetPostmile) {
                after = feature;
            }
        });

        before = before || features[0];
        after = after || features[features.length - 1];

        const beforeMeasure = Number(before.attributes.PM);
        const afterMeasure = Number(after.attributes.PM);
        const fraction = afterMeasure !== beforeMeasure
            ? Math.max(0, Math.min(1,
                (targetPostmile - beforeMeasure) /
                (afterMeasure - beforeMeasure)
            ))
            : 0;
        const longitude = Number(before.geometry.x) +
            fraction * (
                Number(after.geometry.x) -
                Number(before.geometry.x)
            );
        const latitude = Number(before.geometry.y) +
            fraction * (
                Number(after.geometry.y) -
                Number(before.geometry.y)
            );

        resultsContainer.style.display = "none";
        resultsContainer.innerHTML = "";
        setRequestLocation(latitude, longitude);
        return true;
    } catch (error) {
        console.error("Postmile search error:", error);
        resultsContainer.innerHTML =
            '<div class="map-search-message">' +
            (error.message || "Unable to find that postmile.") +
            "</div>";
        resultsContainer.style.display = "block";
        return false;
    }
}

        async function lookupRoadClassification(
            lat,
            lng
        ) {
            const serviceUrl =
                "https://caltrans-gis.dot.ca.gov/arcgis/rest/services/CHhighway/All_Roads/FeatureServer/0/query";

            try {
                const parameters = new URLSearchParams({
                    f: "json",
                    where: "1=1",
                    geometry: lng + "," + lat,
                    geometryType: "esriGeometryPoint",
                    inSR: "4326",
                    spatialRel: "esriSpatialRelIntersects",
                    distance: "6",
                    units: "esriSRUnit_Meter",
                    outFields: "RouteId",
                    returnGeometry: "false",
                    resultRecordCount: "25"
                });

                const response = await fetch(
                    serviceUrl + "?" + parameters.toString()
                );

                if (!response.ok) {
                    throw new Error(
                        "Caltrans road classification request failed: " +
                        response.status
                    );
                }

                const data = await response.json();

                if (data.error) {
                    throw new Error(
                        data.error.message ||
                        "Caltrans road classification service error"
                    );
                }

                const routeIds = (data.features || [])
                    .map(function (feature) {
                        return String(
                            feature.attributes?.RouteId || ""
                        ).toUpperCase();
                    })
                    .filter(Boolean);

                return {
                    onRamp: routeIds.some(function (routeId) {
                        return routeId.startsWith("RAMP_");
                    }),
                    onMainline: routeIds.some(function (routeId) {
                        return routeId.startsWith("SHS_");
                    }),
                    onSurfaceStreet: routeIds.some(function (routeId) {
                        return (
                            !routeId.startsWith("RAMP_") &&
                            !routeId.startsWith("SHS_")
                        );
                    })
                };
            } catch (error) {
                console.error(
                    "Road classification error:",
                    error
                );

                return {
                    onRamp: false,
                    onMainline: false,
                    onSurfaceStreet: false
                };
            }
        }

        // ----------------------------
        // Address lookup
        // ----------------------------

        async function lookupAddress(
            lat,
            lng
        ) {

            try {

                const response = await fetch(
                    "https://nominatim.openstreetmap.org/reverse" +
                    `?format=jsonv2&lat=${lat}&lon=${lng}`
                );

                return await response.json();

            } catch (error) {

                console.error(
                    "Address lookup error:",
                    error
                );

                return null;
            }
        }

        // ----------------------------
        // Caltrans intersection lookup
        // Test step: retrieve nearby highway intersections
        // and inspect their route, street and postmile fields.
        // ----------------------------

        async function lookupNearbyIntersections(
            lat,
            lng
        ) {

            try {

                const parameters =
                    new URLSearchParams({
                        f: "json",
                        where: "1=1",
                        geometry: JSON.stringify({
                            x: lng,
                            y: lat,
                            spatialReference: {
                                wkid: 4326
                            }
                        }),
                        geometryType:
                            "esriGeometryPoint",
                        inSR: "4326",
                        spatialRel:
                            "esriSpatialRelIntersects",
                        distance: "5000",
                        units:
                            "esriSRUnit_Meter",
                        outFields: [
                            "OBJECTID",
                            "Description",
                            "Ramp_Terminal_Ind",
                            "Major_StreetName",
                            "Major_County",
                            "Major_RouteNum",
                            "Major_Alignment",
                            "Major_PMPrefix",
                            "Major_PMSuffix",
                            "Major_PMMeasure",
                            "Minor_StreetName",
                            "Minor_County",
                            "Minor_RouteNum",
                            "Minor_Alignment",
                            "Minor_PMPrefix",
                            "Minor_PMSuffix",
                            "Minor_PMMeasure"
                        ].join(","),
                        returnGeometry: "true",
                        outSR: "4326",
                        resultRecordCount: "200"
                    });

                const response = await fetch(
                    CALTRANS_INTERSECTION_URL +
                    "?" +
                    parameters.toString()
                );

                if (!response.ok) {
                    throw new Error(
                        "Intersection request failed: " +
                        response.status
                    );
                }

                const data = await response.json();

                if (data.error) {
                    throw new Error(
                        data.error.message ||
                        "Caltrans intersection service error"
                    );
                }

               console.log(
    "Caltrans intersections returned:",
    (data.features || []).length
);

                return data;

            } catch (error) {

                console.error(
                    "Caltrans intersection lookup error:",
                    error
                );

                return null;
            }
        }

        function logIntersectionCandidates(
            intersectionData,
            route,
            direction,
            pinPostmile
        ) {

            const normalizedRoute = String(route)
                .replace(/^0+/, "")
                .trim();

            const numericPinPostmile =
                Number(pinPostmile);

            const candidates = [];

            (intersectionData?.features || [])
                .forEach(function (feature) {

                    const attributes =
                        feature.attributes || {};

                    const sides = [
                        {
                            highwayRoute:
                                attributes.Major_RouteNum,
                            highwayAlignment:
                                attributes.Major_Alignment,
                            highwayPostmile:
                                attributes.Major_PMMeasure,
                            exitStreet:
                                attributes.Minor_StreetName
                        },
                        {
                            highwayRoute:
                                attributes.Minor_RouteNum,
                            highwayAlignment:
                                attributes.Minor_Alignment,
                            highwayPostmile:
                                attributes.Minor_PMMeasure,
                            exitStreet:
                                attributes.Major_StreetName
                        }
                    ];

                    sides.forEach(function (side) {

                        const candidateRoute =
                            String(
                                side.highwayRoute || ""
                            )
                                .replace(/^0+/, "")
                                .trim();

                        const candidatePostmile =
                            Number(side.highwayPostmile);

                        if (
                            candidateRoute !==
                                normalizedRoute ||
                            !side.exitStreet ||
                            !Number.isFinite(
                                candidatePostmile
                            )
                        ) {
                            return;
                        }

                        const candidateDirection =
                            getDirection(
                                normalizedRoute,
                                side.highwayAlignment
                            );

                        candidates.push({
                            street: side.exitStreet,
                            direction:
                                candidateDirection ||
                                side.highwayAlignment ||
                                "Unknown",
                            postmile:
                                candidatePostmile,
                            difference:
                                Number.isFinite(
                                    numericPinPostmile
                                )
                                    ? Math.abs(
                                        candidatePostmile -
                                        numericPinPostmile
                                    ).toFixed(3)
                                    : "Unknown",
                            rampTerminal:
                                attributes.Ramp_Terminal_Ind,
                            matchesPinDirection:
                                !direction ||
                                candidateDirection ===
                                    direction,
                            objectId:
                                attributes.OBJECTID
                        });
                    });
                });

            candidates.sort(function (a, b) {
                return (
                    Number(a.difference) -
                    Number(b.difference)
                );
            });

            console.log(
                "Route " +
                normalizedRoute +
                " intersection candidates for " +
                (direction || "unknown direction") +
                " at postmile " +
                pinPostmile
            );

            console.table(candidates);

            return candidates;
        }

function findNearestFreewayExit(
    intersectionData,
    route,
    pinLat,
    pinLng
) {
    const normalizedRoute = String(route)
        .replace(/^0+/, "")
        .trim();

    const routePattern = new RegExp(
        "(?:^|\\b)(?:I|INTERSTATE|CA|SR|US|STATE\\s+ROUTE)" +
        "[-\\s]*0*" +
        normalizedRoute +
        "(?:\\b|$)",
        "i"
    );

    const candidates = [];

    (intersectionData?.features || [])
        .forEach(function (feature) {
            const attributes =
                feature.attributes || {};

            if (!feature.geometry) {
                return;
            }

            const sides = [
                {
                    highwayRoute:
                        attributes.Major_RouteNum,
                    highwayStreet:
                        attributes.Major_StreetName,
                    exitStreet:
                        attributes.Minor_StreetName
                },
                {
                    highwayRoute:
                        attributes.Minor_RouteNum,
                    highwayStreet:
                        attributes.Minor_StreetName,
                    exitStreet:
                        attributes.Major_StreetName
                }
            ];

            sides.forEach(function (side) {
                const candidateRoute = String(
                    side.highwayRoute || ""
                )
                    .replace(/^0+/, "")
                    .trim();

                const highwayStreet = String(
                    side.highwayStreet || ""
                );

                const routeMatches =
                    candidateRoute === normalizedRoute ||
                    routePattern.test(highwayStreet);

                if (
                    !routeMatches ||
                    !side.exitStreet
                ) {
                    return;
                }

                const distanceMeters =
                    map.distance(
                        [pinLat, pinLng],
                        [
                            feature.geometry.y,
                            feature.geometry.x
                        ]
                    );

                candidates.push({
                    street: side.exitStreet,
                    distanceMeters: distanceMeters
                });
            });
        });

    candidates.sort(function (a, b) {
        return (
            a.distanceMeters -
            b.distanceMeters
        );
    });

    console.table(
        candidates.slice(0, 10).map(
            function (candidate) {
                return {
                    street: candidate.street,
                    distanceFeet: Math.round(
                        candidate.distanceMeters *
                        3.28084
                    )
                };
            }
        )
    );

    return candidates[0]?.street || "Unknown";
}

function formatRampMovementLabel(movement) {
    const value = String(movement || "").toUpperCase();
    if (value === "ON") return "On Ramp";
    if (value === "OFF") return "Off Ramp";
    return "";
}

function formatRampLocation(description) {
    let location = String(description || "").trim();

    // Caltrans ramp descriptions contain movement shorthand such as
    // "NBON FR NB 238/WSHNGTON".  Keep that shorthand internally for
    // matching. Movement codes are kept internal and are not shown in user-facing labels.
    location = location
        .replace(/^A?SEG\s+/i, "")
        .replace(/^(?:NB|SB|EB|WB)(?:ON|OFF)\s+/i, "")
        .replace(/^(?:NB|SB|EB|WB)\s+(?:ON|OFF)\s+/i, "")
        .replace(/^(?:ON|OFF)\s+/i, "")
        .replace(/^(?:FR|FROM|TO)\s+/i, "")
        .replace(/^(?:NB|SB|EB|WB)\s+/i, "")
        .replace(/^(?:FR|FROM|TO)\s+/i, "")
        .replace(/^(?:NB|SB|EB|WB)\s+/i, "");

    // Clean common source abbreviations used by the District 4 ramp table.
    location = location
        .replace(/\bWSHNGTON\b/gi, "Washington Ave")
        .replace(/\bWSHGTN\b/gi, "Washington Ave")
        .replace(/\bAVE\.?\b/gi, "Avenue")
        .replace(/\bBLVD\.?\b/gi, "Boulevard")
        .replace(/\bRD\.?\b/gi, "Road")
        .replace(/\bST\.?\b/gi, "Street")
        .replace(/\bDR\.?\b/gi, "Drive")
        .replace(/\bPKWY\.?\b/gi, "Parkway")
        .replace(/\bEXPWY\.?\b/gi, "Expressway")
        .replace(/\s*\/\s*/g, "/")
        .replace(/\s{2,}/g, " ")
        .trim();

    return location
        .toLowerCase()
        .replace(/\b\w/g, function (letter) {
            return letter.toUpperCase();
        });
}

function findNearestRampFromData(
    county,
    route,
    direction,
    postmile,
    postmileType,
    returnDetails = false
) {
    const normalizedCounty =
        String(county || "").toUpperCase();

    const normalizedRoute = String(route || "")
        .replace(/^0+/, "");

    const numericPostmile =
        Number(postmile);

    if (!Number.isFinite(numericPostmile)) {
        return "Unknown";
    }

    let candidates =
        alamedaRampData.filter(
            function (ramp) {
                return (
                    ramp.county === normalizedCounty &&
                    ramp.route === normalizedRoute
                );
            }
        );

    const directionalCandidates =
        candidates.filter(
            function (ramp) {
                return (
                    ramp.direction === direction
                );
            }
        );

    if (directionalCandidates.length > 0) {
        candidates = directionalCandidates;
    }

    const prefixCandidates =
        candidates.filter(
            function (ramp) {
                return (
                    ramp.pmPrefix ===
                    String(postmileType || "")
                );
            }
        );

    if (prefixCandidates.length > 0) {
        candidates = prefixCandidates;
    }

    candidates = candidates
        .map(function (ramp) {
            return {
                ...ramp,
                difference: Math.abs(
                    ramp.postmile -
                    numericPostmile
                )
            };
        })
        .sort(function (a, b) {
            return (
                a.difference -
                b.difference
            );
        });

    console.table(
        candidates.slice(0, 5).map(
            function (ramp) {
                return {
                    route: ramp.route,
                    direction: ramp.direction,
                    postmile: ramp.postmile,
                    difference:
                        ramp.difference.toFixed(3),
                    location:
                        ramp.description
                };
            }
        )
    );

    if (candidates.length === 0) {
        const noMatch = {
            street: "Unknown",
            distanceFeet: Infinity,
            postmileDifference: Infinity,
            movement: ""
        };

        return returnDetails
            ? noMatch
            : noMatch.street;
    }

    const closestCandidate = candidates[0];
    const closestDifference =
        closestCandidate.difference;
    const nearbyMovements = new Set(
        candidates
            .filter(function (candidate) {
                return (
                    candidate.difference <=
                    closestDifference + 0.02
                );
            })
            .map(function (candidate) {
                return String(
                    candidate.movement || ""
                ).toUpperCase();
            })
            .filter(function (movement) {
                return (
                    movement === "ON" ||
                    movement === "OFF"
                );
            })
    );
    const clearMovement =
        nearbyMovements.size === 1
            ? Array.from(nearbyMovements)[0]
            : "";

    const match = {
        street: formatRampLocation(
            closestCandidate.description
        ),
        distanceFeet:
            closestCandidate.difference * 5280,
        postmileDifference:
            closestCandidate.difference,
        movement: clearMovement
    };

    return returnDetails
        ? match
        : match.street;
}

async function lookupNearbyStreets(lat, lng) {
    try {
        const query = `
            [out:json][timeout:5];
            node(around:5000,${lat},${lng})
                ["highway"="motorway_junction"];
            out;
        `;

        const requestUrl =
            "https://overpass.kumi.systems/api/interpreter" +
            "?data=" +
            encodeURIComponent(query);

const response = await fetch(requestUrl);

if (!response.ok) {
    throw new Error(
        "Nearby street request failed: " +
        response.status
    );
}

return await response.json();

    } catch (error) {
        console.error(
            "Nearby street lookup error:",
            error
        );

        return null;
    }
}

function findStreetAtPin(
    nearbyStreetData,
    lat,
    lng
) {
    const streets =
        nearbyStreetData?.elements || [];

    const excludedRoadTypes = [
        "motorway",
        "motorway_link",
        "trunk",
        "trunk_link"
    ];

    let streetAtPin = "Unknown";
    let closestDistance = Infinity;

    streets.forEach(function (road) {
        const streetName =
            road.tags?.name;

        const roadType =
            road.tags?.highway;

        if (!streetName) {
            return;
        }

        if (
            excludedRoadTypes.includes(roadType)
        ) {
            return;
        }

        const geometry =
            road.geometry || [];

        geometry.forEach(function (point) {
            const distance = map.distance(
                [lat, lng],
                [point.lat, point.lon]
            );

            if (distance < closestDistance) {
                closestDistance = distance;
                streetAtPin = streetName;
            }
        });
    });

    if (closestDistance > 25) {
        return "Unknown";
    }

    return streetAtPin;
}

function findNearestStreet(
    nearbyStreetData,
    currentStreet,
    lat,
    lng
) {
    const streets =
        nearbyStreetData?.elements || [];

    const excludedRoadTypes = [
        "motorway",
        "motorway_link",
        "trunk",
        "trunk_link"
    ];

    let closestStreet = "Unknown";
    let closestDistance = Infinity;

    streets.forEach(function (road) {
        const streetName =
            road.tags?.name;

        const roadType =
            road.tags?.highway;

        if (!streetName) {
            return;
        }

        if (
            String(streetName).toLowerCase() ===
            String(currentStreet).toLowerCase()
        ) {
            return;
        }

        if (
            excludedRoadTypes.includes(roadType)
        ) {
            return;
        }

        const geometry =
            road.geometry || [];

        geometry.forEach(function (point) {
            const distance = map.distance(
                [lat, lng],
                [point.lat, point.lon]
            );

            if (distance < closestDistance) {
                closestDistance = distance;
                closestStreet = streetName;
            }
        });
    });

    return closestStreet;
}

function hideLocationInfoPanel() {
    const panel =
        document.getElementById(
            "locationInfoPanel"
        );

    if (!panel) {
        return;
    }

    panel.classList.remove(
        "is-visible"
    );

    panel.innerHTML = "";
}
function showJobDetailsPanel(job) {
    const panel =
        document.getElementById(
            "locationInfoPanel"
        );

    if (!panel || !job) {
        return;
    }

    function jobField(label, value) {
        const cleanedValue =
            String(value ?? "").trim();

        if (
            !cleanedValue ||
            cleanedValue.toUpperCase() === "UNKNOWN" ||
            cleanedValue.toUpperCase() === "NOT FOUND"
        ) {
            return "";
        }

        return `
            <div class="location-panel-item">
                <span class="location-panel-label">
                    ${label}
                </span>

                <span class="location-panel-value">
                    ${cleanedValue}
                </span>
            </div>
        `;
    }

    const jobNumber =
        job.csrNumber ||
        job.jobNumber ||
        job.id ||
        "";

    const jobType =
        job.jobType ||
        job.source ||
        "Job";

    panel.innerHTML = `
        <div class="location-panel-header">
            <div class="location-panel-title">
                📍 ${jobType} #${jobNumber}
            </div>

            <button
                class="location-panel-close"
                type="button"
                onclick="hideLocationInfoPanel()"
                aria-label="Close job information"
            >
                ×
            </button>
        </div>

        <div class="location-panel-grid">
            ${jobField("Status", job.status)}
            ${jobField("City", job.city)}
            ${jobField("Direction", job.direction)}
            ${jobField("Route", job.route)}
            ${jobField("Street", job.street)}
            ${jobField(
                "Nearest Exit",
                job.nearestStreet
            )}
                    </div>

        <div class="location-panel-actions">
            <button
                class="popup-button"
                type="button"
                onclick='selectJob(
                    ${JSON.stringify(
                        String(job.id)
                    )},
                    ${JSON.stringify(
                        String(job.source)
                    )}
                )'
            >
                Go to Job
            </button>

            <button
                class="popup-button"
                type="button"
                onclick="openStreetView(
                    ${Number(job.latitude)},
                    ${Number(job.longitude)}
                )"
            >
                Street View
            </button>
        </div>
    `;

    panel.classList.add(
        "is-visible"
    );
}
function showLookupLocationPanel(
    location
) {
    const panel =
        document.getElementById(
            "locationInfoPanel"
        );

    if (!panel || !location) {
        return;
    }

    const streetRow =
        location.street
            ? `
                <div class="location-panel-item">
                    <span class="location-panel-label">
                        Street
                    </span>

                    <span class="location-panel-value">
                        ${location.street}
                    </span>
                </div>
            `
            : "";

    const nearestStreet = String(
        location.nearestStreet || ""
    ).trim();

    const nearestStreetRow =
        nearestStreet &&
        !/^(unknown|not found|n\/a|none)$/i.test(
            nearestStreet
        )
            ? `
                <div class="location-panel-item">
                    <span class="location-panel-label">
                        Nearest Exit
                    </span>

                    <span class="location-panel-value">
                        ${nearestStreet}
                    </span>
                </div>
            `
            : "";

    panel.innerHTML = `
        <div class="location-panel-header">
            <div class="location-panel-title">
                📍 Location Lookup
            </div>

            <button
                class="location-panel-close"
                type="button"
                onclick="hideLocationInfoPanel()"
                aria-label="Close location information"
            >
                ×
            </button>
        </div>

        <div class="location-panel-grid">
            <div class="location-panel-item">
                <span class="location-panel-label">
                    County
                </span>

                <span class="location-panel-value">
                    ${location.county}
                </span>
            </div>

            <div class="location-panel-item">
                <span class="location-panel-label">
                    Route
                </span>

                <span class="location-panel-value">
                    ${location.route}
                </span>
            </div>

            <div class="location-panel-item">
                <span class="location-panel-label">
                    Direction
                </span>

                <span class="location-panel-value">
                    ${location.direction || "—"}
                </span>
            </div>

            <div class="location-panel-item">
                <span class="location-panel-label">
                    Postmile
                </span>

                <span class="location-panel-value">
                    ${
                        location.postmileType || ""
                    }${location.postmile}
                </span>
            </div>

            <div class="location-panel-item">
                <span class="location-panel-label">
                    City
                </span>

                <span class="location-panel-value">
                    ${location.city}
                </span>
            </div>

            ${streetRow}

            ${nearestStreetRow}

            <div class="location-panel-item">
    <span class="location-panel-label">
        GPS Coordinates
    </span>

                <span class="location-panel-value">
                    ${location.coordinates}
                </span>
            </div>
        </div>

        <details class="pin-weather">
            <summary>Weather &amp; Wind</summary>
            <div class="pin-weather-body" id="pinWeatherDetails"></div>
        </details>

        <div class="location-panel-actions">
            <button
                class="d4-popup-action d4-popup-street-view"
                type="button"
                onclick="openStreetView(
                    ${location.latitude},
                    ${location.longitude}
                )"
            >
                <span aria-hidden="true">▣</span>
                <span>Street View</span>
            </button>
            ${window.D4PopupActions
                ? window.D4PopupActions.buttonsHtml(
                    location.latitude,
                    location.longitude,
                    {pin: true}
                )
                : ""}
        </div>
    `;

    panel.classList.add(
        "is-visible"
    );

    if (window.D4Weather) {
        window.D4Weather.renderPinWeather(
            "pinWeatherDetails",
            location.latitude,
            location.longitude
        );
    }
}
        // ----------------------------
        // Drop request pin
        // ----------------------------

        var requestPin = null;
        let suppressNextLookupPanel = false;
        let updateTimer;
let selectedLocation = null;
let selectedJob = null;
let savedRequestLocation = null;
function publishSelectedLocation(
    location
) {
    window.latestSelectedLocation =
        location
            ? { ...location }
            : null;
            updateStreetViewButtonVisibility();

    window.dispatchEvent(
        new CustomEvent(
            "maplocationchange",
            {
                detail:
                    window.latestSelectedLocation
            }
        )
    );

    if (
        typeof window.onMapLocationChanged ===
        "function"
    ) {
        window.onMapLocationChanged(
            window.latestSelectedLocation
        );
    }

    console.log(
        "Location ready for Power Apps:",
        window.latestSelectedLocation
    );
}
        map.on("click", function (event) {

  if (!pinDropEnabled && !event.forcePinDrop) {
      return;
  }

  if (
![
    "Request",
    "CSRInput",
    "Freelance",
    "Lookup"
].includes(mapMode)
) {
    return;
}

    console.log(
        "Clicked:",
        event.latlng.lat,
        event.latlng.lng
    );

            if (requestPin) {
                map.removeLayer(requestPin);
            }

            requestPin = L.marker(
                event.latlng,
                {
                    draggable: true
                }
            ).addTo(map);


            async function refreshPin(
    nearbyStreetData = null
) {

                const refreshLookupGeneration =
                    lookupPanelGeneration;

                const suppressLookupPanel =
                    suppressNextLookupPanel;

                suppressNextLookupPanel = false;

                if (!requestPin) {
                    return;
                }

                const position =
                    requestPin.getLatLng();

               requestPin.closePopup();


                const [
    postmileData,
    addressData,
    roadClassification
] = await Promise.all([
    lookupPostmile(
        position.lat,
        position.lng
    ),
    lookupAddress(
        position.lat,
        position.lng
    ),
    lookupRoadClassification(
        position.lat,
        position.lng
    )
]);

               let street = "Unknown";
let nearestStreet = "Unknown";
let rampMovement = "";
let city = "Unknown";
let geocodedCounty = "";
let roadType = "";
let isActuallyOnStreet = false;
let rightOfWay = "";

try {

    const address =
        addressData?.address || {};

    geocodedCounty =
        address.county ||
        address.state_district ||
        "";

    const roadName =
    address.road ||
    address.highway ||
    address.pedestrian ||
    "Unknown";

roadType = String(
    addressData?.type ||
    addressData?.addresstype ||
    ""
).toLowerCase();

const isFreeway =
    [
        "motorway",
        "motorway_link",
        "trunk",
        "trunk_link"
    ].includes(roadType) ||
    /freeway|\bfwy\b|motorway|interstate/i
        .test(roadName);

const matchedRoadLat =
    Number(addressData?.lat);

const matchedRoadLng =
    Number(addressData?.lon);

let distanceFromRoad =
    Infinity;

if (
    Number.isFinite(matchedRoadLat) &&
    Number.isFinite(matchedRoadLng)
) {
    distanceFromRoad =
        map.distance(
            [position.lat, position.lng],
            [
                matchedRoadLat,
                matchedRoadLng
            ]
        );
}

isActuallyOnStreet =
    distanceFromRoad <= 6 &&
    roadClassification.onSurfaceStreet &&
    !isFreeway;

// Right of Way is intentionally entered manually in Power Apps.
rightOfWay = "";

street =
    !isFreeway &&
    isActuallyOnStreet
        ? roadName
        : "";

nearestStreet = "Unknown";

    city =
        address.city ||
        address.town ||
        address.village ||
        address.municipality ||
        address.hamlet ||
        "Unknown";

} catch (error) {

    console.error(
        "Address parsing error:",
        error
    );
}


                let county = "";
let route = "";
let direction = "";
let postmileType = "";
let postmile = "";


                try {

                    const closestPostmileResult =
    postmileData
        .locations[0]
        .results[0];

const postmileResult =
    closestPostmileResult.postmile;

                    county =
                        postmileResult.county;

                    postmileType =
                        postmileResult.postmilePrefix;

                    postmile =
                        postmileResult.postmileValue;


    route =
    String(
        postmileResult.routeNumber
    );

direction =
    normalizePinDirection(
        route,
        closestPostmileResult.direction
    ) ||
    getDirection(
        route,
        closestPostmileResult.routeId
    );

const nearestRampMatch =
    findNearestRampFromData(
        county,
        route,
        direction,
        postmile,
        postmileType,
        true
    );

nearestStreet =
    nearestRampMatch.street;
rampMovement = nearestRampMatch.movement || "";

if (
    !street &&
    nearestRampMatch.distanceFeet <= 1000
) {
    street = nearestRampMatch.street;
}

// Keep Right of Way blank for every map location. This prevents the
// map from preselecting an incorrect work-order value.
rightOfWay = "";

                } catch (error) {

                    county = geocodedCounty || "Not Found";
                    route = "Not Found";
                    postmileType = "";
                    postmile = "Not Found";
                }
if (!county || county === "Not Found") {
    county = geocodedCounty || county;
}
selectedLocation = {
    latitude: position.lat,
    longitude: position.lng,

    coordinates:
        position.lat.toFixed(6) +
        ", " +
        position.lng.toFixed(6),

    city: city,
    street: street,
    nearestStreet: nearestStreet,
    rampMovement: rampMovement,
    rightOfWay: rightOfWay,

    county: county,
    route: route,
    direction: direction,

       postmile: postmile,
    postmileType: postmileType
};

// Match the latitude/longitude against Caltrans's official District 4 county
// boundaries, then synchronize both county filters without changing zoom.
if (window.autoSelectCountyFiltersFromCoordinates) {
    window.autoSelectCountyFiltersFromCoordinates(
        selectedLocation.latitude,
        selectedLocation.longitude,
        selectedLocation.county
    );
} else if (window.autoSelectCountyFilters) {
    window.autoSelectCountyFilters(selectedLocation.county);
}

publishSelectedLocation(
    selectedLocation
);

console.table(selectedLocation);
// The dropped pin intentionally has no Leaflet popup. All location details
// are displayed in the app's custom Location Lookup panel below.
requestPin.unbindPopup();



if (
    mapMode === "Lookup" &&
    !suppressLookupPanel &&
    refreshLookupGeneration === lookupPanelGeneration
) {
    showLookupLocationPanel(
        selectedLocation
    );
} else {
    hideLocationInfoPanel();
}
            }


            refreshPin();


            requestPin.on(
                "dragend",
                function () {

                    clearTimeout(updateTimer);

                    refreshPin();
                }
            );

            requestPin.on(
                "click",
                function (pinEvent) {
                    L.DomEvent.stopPropagation(pinEvent);
                    requestPin.closePopup();

                    if (
                        mapMode === "Lookup" &&
                        selectedLocation
                    ) {
                        showLookupLocationPanel(
                            selectedLocation
                        );
                    }
                }
            );
               });

// ----------------------------
// Move map to coordinates
// ----------------------------

function setRequestLocation(
    latitude,
    longitude
) {

    const lat = Number(latitude);
    const lng = Number(longitude);

    if (
        !Number.isFinite(lat) ||
        !Number.isFinite(lng) ||
        lat < -90 ||
        lat > 90 ||
        lng < -180 ||
        lng > 180
    ) {
        console.warn(
            "Invalid GPS coordinates:",
            latitude,
            longitude
        );

        return false;
    }

    const location =
        L.latLng(lat, lng);

    map.setView(
        location,
        17
    );

    map.fire(
        "click",
        {
            latlng: location,
            forcePinDrop: true
        }
    );

    return true;
}

 function setCoordinatesFromText(
    coordinateText
) {

    const coordinateParts =
        String(coordinateText)
            .split(",")
            .map(function (value) {

                return value.trim();
            });

    if (coordinateParts.length !== 2) {

        console.warn(
            "Coordinates must use this format: latitude, longitude"
        );

        return false;
    }

    return setRequestLocation(
        coordinateParts[0],
        coordinateParts[1]
    );
}
        // ----------------------------
        // Start at user's location
        // ----------------------------

        if (
    mapMode === "Request" &&
    "geolocation" in navigator
) {

           navigator.geolocation.getCurrentPosition(

    function (position) {

        setRequestLocation(
            position.coords.latitude,
            position.coords.longitude
        );
    },

    function (error) {

        console.warn(
            "Unable to retrieve current location:",
            error.message
        );
    },

    {
        enableHighAccuracy: true,
        timeout: 10000,
        maximumAge: 60000
    }
);
        }

function saveRequestLocation() {

    if (!selectedLocation) {

        console.warn(
            "No request location has been selected."
        );

        return false;
    }

    savedRequestLocation = {
        ...selectedLocation
    };

    console.table(
        savedRequestLocation
    );

    console.log(
        "Request location saved."
    );

    return true;
}


function deleteRequestPin() {

    if (requestPin) {

        map.removeLayer(requestPin);
        requestPin = null;
    }

    selectedLocation = null;
savedRequestLocation = null;

publishSelectedLocation(
    null
);

    console.log(
        "Request pin and location cleared."
    );
}


// Standalone deployment starts as a location/postmile lookup map.
setMapMode("Lookup");
</script>
<link rel="stylesheet" href="./weather-ui.css?v=20260817-39">
<script src="./weather-ui.js?v=20260817-38"></script>
<script src="./traffic-county-ui.js?v=4"></script>
<link rel="stylesheet" href="./combined-updates-r7.css?v=36">
<link rel="stylesheet" href="./r8-fixes.css?v=36">
<link rel="stylesheet" href="./night-mode.css?v=28-maintenance-dark">
<script src="./combined-updates-r7.js?v=38"></script>
<script src="./night-mode.js?v=23"></script>
<script src="./pwa-registration.js?v=46"></script>
<script>
  window.D4_MOBILE_APP_UI = window.matchMedia("(max-width: 700px)").matches;
  if (!window.D4_INSTALLED_APP_MODE && !window.D4_MOBILE_APP_UI) {
    var browserDrawerScript = document.createElement("script");
    browserDrawerScript.src = "./mobile-panel-drawers.js?v=1";
    document.body.appendChild(browserDrawerScript);
  } else {
    var installedAppStyle = document.createElement("link");
    installedAppStyle.rel = "stylesheet";
    installedAppStyle.href = "./installed-app-ui.css?v=20260828-58";
    installedAppStyle.onload = function () {
      var installedAppScript = document.createElement("script");
      installedAppScript.src = "./installed-app-shell.js?v=20260828-58";
      document.body.appendChild(installedAppScript);
    };
    document.head.appendChild(installedAppStyle);
  }
</script>

<script id="d4-r51-whats-new-script">
(function(){
  var announcement=document.getElementById("d4WhatsNewOverlay");
  if(announcement)announcement.remove();
})();
</script>

<link rel="stylesheet" href="./mobile-follow-tools.css?v=7">
<script src="./pin-photo-tools.js?v=8"></script>
<script src="./mobile-follow-tools.js?v=20"></script>
</body>
</html>