![x](/media/noAU.png)

<div id="map" style="width: 100%; height: 70vh"></div>

<link
  href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css"
  rel="stylesheet"
/>
<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>

<script>
  mapboxgl.accessToken =
    'pk.eyJ1IjoicmFndC1hZyIsImEiOiJjbWR3ZjZ5cjkxMmRhMmtwbHVlcDBrN240In0.nCEdq0_XYbjl8jq6YV4p5g'

  const map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/satellite-streets-v12',
    center: [-118.1573, 34.1103],
    zoom: 13
  })

  map.on('load', async () => {
    // NOTE: use the new file that excludes NonWildland
    const fhsz = await (
      await fetch('/media/ervG.geojson')
    ).json()

    map.addSource('sp-fhsz', {
      type: 'geojson',
      data: fhsz
    })

    map.addLayer({
      id: 'sp-fhsz-fill',
      type: 'fill',
      source: 'sp-fhsz',
      paint: {
        'fill-color': [
          'match',
          ['get', 'FHSZ_Descr'],
          'Very High', '#dc322f', // red
          'High',      '#cb4b16', // orange
          'Moderate',  '#b58900', // yellow
          /* fallback */ '#b58900'
        ],
        'fill-opacity': 0.45
      }
    })

    map.addLayer({
      id: 'sp-fhsz-outline',
      type: 'line',
      source: 'sp-fhsz',
      paint: {
        'line-color': '#002b36',
        'line-width': 2
      }
    })

    map.on('click', 'sp-fhsz-fill', e => {
      const p = e.features[0].properties
      new mapboxgl.Popup()
        .setLngLat(e.lngLat)
        .setHTML(
          `<strong>$${p.FHSZ_Descr}</strong><br>` +
          `Code: $${p.FHSZ}`
        )
        .addTo(map)
    })

    map.on('mouseenter', 'sp-fhsz-fill', () => (map.getCanvas().style.cursor = 'pointer'))
    map.on('mouseleave', 'sp-fhsz-fill', () => (map.getCanvas().style.cursor = ''))

    // Optional: auto-fit to all displayed zones
    // (You can delete if you prefer fixed view)
    const b = new mapboxgl.LngLatBounds()
    for (const ft of fhsz.features) {
      const coords = ft.geometry.type === 'Polygon'
        ? ft.geometry.coordinates.flat(1)
        : ft.geometry.coordinates.flat(2)
      for (const c of coords) b.extend(c)
    }
    map.fitBounds(b, { padding: 24 })
  })
</script>

## Fire Hazard Severity Zones (FHSZ)

[November 2022](/media/F3mV.pdf), [June 2023](/media/WojZ.pdf), [September 2023](/media/14Qo.pdf)

## March 2025

### Fire Hazard Severity Zone Viewer

https://experience.arcgis.com/experience/6a9cb66bb1824cd98756812af41292a0

This viewer allows you to zoom in to see individual addresses.

![x](/media/d5Dn.png)

### Changes

Cross-thatched red was preexisting. Solid red/orange/yellow represents expanded scope as of March 2025.

### Full South Pasadena interface

![x](/media/qj_j.png)

<!--map name=fullinterface>
<area shape=rect coords="34,44,270,350" href=/media/m3UM.png alt="Upper Arroyo">
</map>
<table>
<tr>
<td>![x](/media/m3UM.png)
<tr>
<td>![x](/media/tnye.png)
<tr>
<td>![x](/media/3_gA.png)
<tr>
<td>![x](/media/N_w1.png)
<tr>
<td>![x](/media/NcxZ.png)
<tr>
<td>![x](/media/sSYK.png)
<tr>
<td>![x](/media/ANna.png)
![x](/media/YCWG.png)
![x](/media/MPUh.png)
</td>
</table-->

### Monterey Hills, South Pasadena

![x](/media/C7aH.png)

### Cities Surrounding South Pasadena

![x](/media/kBdc.png)

### Hahamongna Watershed, Santa Monica Mountains, Verdugo Mountains & San Gabriel Mountain Foothills

![x](/media/BQdD.png)