<div id="service-area-map" style="width:100%;height:560px;border-radius:12px;overflow:hidden;"></div>

(function () {
  var API_KEY = 'AIzaSyCbtsbU8fbUUp_A-oBPf98iC6frJd-WxGQ'; // ← ваш ключ

  var COUNTY_FIPS = {
    sacramento: '06067',
    santaClara: '06085',
    placer: '06061',
    elDorado: '06017',
    yolo: '06113',
    alameda: '06001',
    sanMateo: '06081'
  };

  var COLORS = {
    sacramento: '#2563eb',
    santaClara: '#059669',
    placer: '#d97706',
    elDorado: '#7c3aed',
    yolo: '#db2777',
    alameda: '#dc2626',
    sanMateo: '#0891b2'
  };

  var COVERAGE_ZONES = [
    { name: 'Campbell', county: 'Santa Clara County', group: 'santaClara', lat: 37.2872, lng: -121.9499, radius: 4500 },
    { name: 'Cupertino', county: 'Santa Clara County', group: 'santaClara', lat: 37.3229, lng: -121.9982, radius: 5000 },
    { name: 'Los Altos', county: 'Santa Clara County', group: 'santaClara', lat: 37.3852, lng: -122.1141, radius: 4000 },
    { name: 'Los Altos Hills', county: 'Santa Clara County', group: 'santaClara', lat: 37.3797, lng: -122.1375, radius: 4000 },
    { name: 'Los Gatos', county: 'Santa Clara County', group: 'santaClara', lat: 37.2266, lng: -121.9747, radius: 5000 },
    { name: 'Milpitas', county: 'Santa Clara County', group: 'santaClara', lat: 37.4323, lng: -121.8996, radius: 5000 },
    { name: 'Mountain View', county: 'Santa Clara County', group: 'santaClara', lat: 37.3861, lng: -122.0839, radius: 5000 },
    { name: 'Palo Alto', county: 'Santa Clara County', group: 'santaClara', lat: 37.4419, lng: -122.1430, radius: 5500 },
    { name: 'San Jose', county: 'Santa Clara County', group: 'santaClara', lat: 37.3382, lng: -121.8863, radius: 9000 },
    { name: 'Santa Clara', county: 'Santa Clara County', group: 'santaClara', lat: 37.3541, lng: -121.9552, radius: 5500 },
    { name: 'Saratoga', county: 'Santa Clara County', group: 'santaClara', lat: 37.2638, lng: -122.0230, radius: 4500 },
    { name: 'Sunnyvale', county: 'Santa Clara County', group: 'santaClara', lat: 37.3688, lng: -122.0363, radius: 5500 },
    { name: 'Auburn', county: 'Placer County', group: 'placer', lat: 38.8966, lng: -121.0769, radius: 6000 },
    { name: 'Granite Bay', county: 'Placer County', group: 'placer', lat: 38.7632, lng: -121.1638, radius: 5000 },
    { name: 'Lincoln', county: 'Placer County', group: 'placer', lat: 38.8916, lng: -121.2930, radius: 6000 },
    { name: 'Rocklin', county: 'Placer County', group: 'placer', lat: 38.7907, lng: -121.2358, radius: 5500 },
    { name: 'Roseville', county: 'Placer County', group: 'placer', lat: 38.7521, lng: -121.2880, radius: 7000 },
    { name: 'Cameron Park', county: 'El Dorado County', group: 'elDorado', lat: 38.6688, lng: -120.9872, radius: 5000 },
    { name: 'El Dorado Hills', county: 'El Dorado County', group: 'elDorado', lat: 38.6853, lng: -121.0822, radius: 6000 },
    { name: 'Placerville', county: 'El Dorado County', group: 'elDorado', lat: 38.7296, lng: -120.7986, radius: 6000 },
    { name: 'Davis', county: 'Yolo County', group: 'yolo', lat: 38.5449, lng: -121.7405, radius: 6000 },
    { name: 'Fremont', county: 'Alameda County', group: 'alameda', lat: 37.5485, lng: -121.9886, radius: 8000 },
    { name: 'Portola Valley', county: 'San Mateo County', group: 'sanMateo', lat: 37.3841, lng: -122.2356, radius: 5000 }
  ];

  var SACRAMENTO_CITIES = [
    'Antelope', 'Arden-Arcade', 'Carmichael', 'Citrus Heights', 'Elk Grove',
    'Fair Oaks', 'Folsom', 'Gold River', 'La Riviera', 'Lemon Hill',
    'North Highlands', 'Orangevale', 'Rancho Cordova', 'Vineyard', 'West Sacramento'
  ];

  function loadGoogleMaps(cb) {
    if (window.google && window.google.maps) { cb(); return; }
    window.__initServiceAreaMap = cb;
    var s = document.createElement('script');
    s.src = 'https://maps.googleapis.com/maps/api/js?key=' + API_KEY + '&callback=__initServiceAreaMap';
    s.async = true;
    s.defer = true;
    document.head.appendChild(s);
  }

  function initMap() {
    var el = document.getElementById('service-area-map');
    if (!el) return;

    var map = new google.maps.Map(el, {
      center: { lat: 38.2, lng: -121.5 },
      zoom: 8,
      mapTypeControl: false,
      streetViewControl: false,
      fullscreenControl: true,
      styles: [
        { featureType: 'poi', stylers: [{ visibility: 'off' }] },
        { featureType: 'transit', stylers: [{ visibility: 'off' }] }
      ]
    });

    var bounds = new google.maps.LatLngBounds();
    var info = new google.maps.InfoWindow();

    COVERAGE_ZONES.forEach(function (zone) {
      var color = COLORS[zone.group];
      var circle = new google.maps.Circle({
        map: map,
        center: { lat: zone.lat, lng: zone.lng },
        radius: zone.radius,
        strokeColor: color,
        strokeOpacity: 0.9,
        strokeWeight: 2,
        fillColor: color,
        fillOpacity: 0.2
      });
      bounds.extend(circle.getBounds().getNorthEast());
      bounds.extend(circle.getBounds().getSouthWest());
      circle.addListener('click', function (e) {
        info.setContent('<strong>' + zone.name + '</strong><br>' + zone.county);
        info.setPosition(e.latLng);
        info.open(map);
      });
    });

    fetch('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json')
      .then(function (r) { return r.json(); })
      .then(function (geojson) {
        var wanted = {};
        Object.keys(COUNTY_FIPS).forEach(function (k) { wanted[COUNTY_FIPS[k]] = true; });
        var features = geojson.features.filter(function (f) { return wanted[f.id]; });
        map.data.addGeoJson({ type: 'FeatureCollection', features: features });
        map.data.setStyle(function (feature) {
          var isSac = feature.getId() === COUNTY_FIPS.sacramento;
          return {
            fillColor: isSac ? COLORS.sacramento : 'transparent',
            fillOpacity: isSac ? 0.22 : 0,
            strokeColor: isSac ? COLORS.sacramento : '#64748b',
            strokeWeight: isSac ? 2.5 : 1.2,
            strokeOpacity: isSac ? 1 : 0.6
          };
        });
        map.data.addListener('click', function (e) {
          var id = e.feature.getId();
          var labels = {};
          labels[COUNTY_FIPS.sacramento] = '<strong>Sacramento County</strong><br>' + SACRAMENTO_CITIES.join(', ');
          labels[COUNTY_FIPS.santaClara] = '<strong>Santa Clara County</strong><br>Listed cities only';
          labels[COUNTY_FIPS.placer] = '<strong>Placer County</strong><br>Listed cities only';
          labels[COUNTY_FIPS.elDorado] = '<strong>El Dorado County</strong><br>Listed cities only';
          labels[COUNTY_FIPS.yolo] = '<strong>Yolo County</strong><br>Davis';
          labels[COUNTY_FIPS.alameda] = '<strong>Alameda County</strong><br>Fremont';
          labels[COUNTY_FIPS.sanMateo] = '<strong>San Mateo County</strong><br>Portola Valley';
          info.setContent(labels[id] || '<strong>County</strong>');
          info.setPosition(e.latLng);
          info.open(map);
        });
        var dataBounds = new google.maps.LatLngBounds();
        map.data.forEach(function (feature) {
          feature.getGeometry().forEachLatLng(function (latlng) { dataBounds.extend(latlng); });
        });
        if (!dataBounds.isEmpty()) bounds.union(dataBounds);
        if (!bounds.isEmpty()) map.fitBounds(bounds, 40);
      })
      .catch(function () { if (!bounds.isEmpty()) map.fitBounds(bounds, 40); });
  }

  loadGoogleMaps(initMap);
})();