- /* eslint-disable camelcase */
- /* eslint-disable brace-style, curly, nonblock-statement-body-position, no-template-curly-in-string, func-names */
- // ==UserScript==
- // @name WME GIS Layers
- // @namespace https://greasyfork.org/users/45389
- // @version 2025.08.10.00
- // @description Adds GIS layers in WME
- // @author MapOMatic / JS55CT
- // @match *://*.waze.com/*editor*
- // @exclude *://*.waze.com/user/editor*
- // @exclude *://*.waze.com/editor/sdk/*
- // @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
- // @require https://cdn.jsdelivr.net/npm/@turf/turf@7/turf.min.js
- // @require https://update.greasyfork.org/scripts/506614/1441195/ESTreeProcessor.js
- // @require https://update.greasyfork.org/scripts/509664/WME%20Utils%20-%20Bootstrap.js
- // @require https://update.greasyfork.org/scripts/516445/1480246/Make%20GM%20xhr%20more%20parallel%20again.js
- // @require https://update.greasyfork.org/scripts/542477/1623802/wmeGisLBBOX.js
- // @connect greasyfork.org
- // @connect github.io
- // @grant GM_xmlhttpRequest
- // @grant GM_info
- // @grant GM_setClipboard
- // @license GNU GPLv3
- // @contributionURL https://github.com/WazeDev/Thank-The-Authors
- // @connect *
- // @connect tigerweb.geo.census.gov
- // @connect 136.234.13.165
- // @connect 216.167.160.20
- // @connect 35.172.145.31
- // @connect 52.37.30.30
- // @connect 54.213.14.253
- // @connect 72.10.206.73
- // @connect a2maps.a2gov.org
- // @connect adairgis.integritygis.com
- // @connect agis.charlottecountyfl.gov
- // @connect ago.clarkcountyohio.gov
- // @connect agomaps.larimer.org
- // @connect ags.agdmaps.com
- // @connect ags.bhamaps.com
- // @connect ags.kitsap.gov
- // @connect ags.myokaloosa.com
- // @connect ags.roseville.ca.us
- // @connect ags1.wgxtreme.com
- // @connect ags2maps.srcity.org
- // @connect ags3.scgov.net
- // @connect aldotgis.dot.state.al.us
- // @connect alleganygis.allconet.org
- // @connect alphagis.alpharetta.ga.us
- // @connect andrewgis.integritygis.com
- // @connect anrmaps.vermont.gov
- // @connect ansoncountygis.com
- // @connect api.milton.ca
- // @connect apnsgis1.apsu.edu
- // @connect apnsgis4.apsu.edu
- // @connect app.mdt.mt.gov
- // @connect apps.alamance-nc.com
- // @connect apps.fs.usda.gov
- // @connect apps.lickingcounty.gov
- // @connect apps.saltlakecounty.gov
- // @connect apps.vernoncounty.org
- // @connect apps.wyoroad.info
- // @connect arcgis-morrowarcgis-1015369042.us-east-1.elb.amazonaws.com
- // @connect arcgis-web.chinohills.org
- // @connect arcgis.atlantaregional.com
- // @connect arcgis.c3gov.com
- // @connect arcgis.cityofcapegirardeau.org
- // @connect arcgis.cityofwatsonville.org
- // @connect arcgis.clearfieldco.org
- // @connect arcgis.co.beltrami.mn.us
- // @connect arcgis.co.henry.ga.us
- // @connect arcgis.co.lancaster.pa.us
- // @connect arcgis.forneytx.gov
- // @connect arcgis.gis.lacounty.gov
- // @connect arcgis.kingsporttn.gov
- // @connect arcgis.leaguecitytx.gov
- // @connect arcgis.lewiscountywa.gov
- // @connect arcgis.mobile311.com
- // @connect arcgis.racinecounty.com
- // @connect arcgis.tampagov.net
- // @connect arcgis.tuscco.com
- // @connect arcgis.vgsi.com
- // @connect arcgis.water.nv.gov
- // @connect arcgis.waxahachie.com
- // @connect arcgis.yumacountyaz.gov
- // @connect arcgis4.roktech.net
- // @connect arcgis5.roktech.net
- // @connect arcgisce2.co.valencia.nm.us
- // @connect arcgisserver.digital.mass.gov
- // @connect arcgisserver.lincolncounty.org
- // @connect arcgisserver.maine.gov
- // @connect arcgisserver2.morpc.org
- // @connect arcgissrv.cityofbartlesville.org
- // @connect arcgiswap01.ci.temple.tx.us
- // @connect arcgisweb.carteretcountync.gov
- // @connect arcgisweb.countyofnewaygo.com
- // @connect arcgisweb.welland.ca
- // @connect arcmobile.co.albany.wy.us
- // @connect arcportal.florenceco.org
- // @connect arcserv.co.washington.ar.us
- // @connect arcserver.madisoncountyky.us
- // @connect arcserver2.oconeesc.com
- // @connect arcweb.hcad.org
- // @connect ardmoregis.ardmorecity.org
- // @connect arlgis.arlingtonva.us
- // @connect atchisongis.integritygis.com
- // @connect atlas.co.chelan.wa.us
- // @connect atlas.geoportalmaps.com
- // @connect atlas.unioncountync.gov
- // @connect audraingis.integritygis.com
- // @connect batesgis.integritygis.com
- // @connect bcgis.baltimorecountymd.gov
- // @connect bcgis.brunswickcountync.gov
- // @connect bcgishub.broward.org
- // @connect bcmaps.bradfordco.org
- // @connect bentongis.integritygis.com
- // @connect biamaps.geoplatform.gov
- // @connect bocagis.ci.boca-raton.fl.us
- // @connect bonneville.esriemcs.com
- // @connect bpagis.bossierparish.org
- // @connect bryangis.bryan-county.org
- // @connect buchanangis.integritygis.com
- // @connect butlergis.integritygis.com
- // @connect c39gisserver.co.richland.nd.us
- // @connect ca.dep.state.fl.us
- // @connect cagisonline.hamilton-co.org
- // @connect calmaps.co.calumet.wi.us
- // @connect caltrans-gis.dot.ca.gov
- // @connect cama.shelbycountyauditors.com
- // @connect camdengis.integritygis.com
- // @connect carto.nationalmap.gov
- // @connect cassweb.casscountymn.gov
- // @connect cceo.co.comal.tx.us
- // @connect ccmap.cccounty.us
- // @connect cecilmaps.org
- // @connect charitongis.integritygis.com
- // @connect christiangis.integritygis.com
- // @connect cloud.longviewtexas.gov
- // @connect cloudgis.bonnercountyid.gov
- // @connect co.knox.il.us
- // @connect coagisweb.cabq.gov
- // @connect com.blountgis.org
- // @connect concordgis.ci.concord.ca.us
- // @connect conservationgis.alabama.gov
- // @connect coopergis.integritygis.com
- // @connect covgis.cityofvacaville.com
- // @connect coweta-gis-web.coweta.ga.us
- // @connect cowlitzgis.net
- // @connect crgis.cedar-rapids.org
- // @connect cteco.uconn.edu
- // @connect cty-gis-web.co.humboldt.ca.us
- // @connect cw.townofclaytonnc.org
- // @connect dadegis.integritygis.com
- // @connect dallasgis.integritygis.com
- // @connect data.calgary.ca
- // @connect data.cityofchicago.org
- // @connect data.ct.gov
- // @connect data.edmonton.ca
- // @connect data.novascotia.ca
- // @connect data.wsdot.wa.gov
- // @connect data1.digitaldataservices.com
- // @connect dc-web-2.co.douglas.mn.us
- // @connect dcgis.dekalbcountyga.gov
- // @connect dcimapapps.countyofdane.com
- // @connect dekalbgis.integritygis.com
- // @connect delta.co.clatsop.or.us
- // @connect dev.wilsonvillemaps.com
- // @connect doniphangis.integritygis.com
- // @connect dotapp9.dot.state.mn.us
- // @connect douglasgis.integritygis.com
- // @connect dtdapps.coloradodot.info
- // @connect dungis.dunwoodyga.gov
- // @connect dunklingis.integritygis.com
- // @connect egis.baltimorecity.gov
- // @connect egis.pinellas.gov
- // @connect elb.elevatemaps.io
- // @connect emapsplus.com
- // @connect enigma.accgov.com
- // @connect enterprise.firstmap.delaware.gov
- // @connect eoc.franklin-gov.com
- // @connect epv.ci.juneau.ak.us
- // @connect eservices.co.crook.or.us
- // @connect essex-gis.co.essex.ny.us
- // @connect explore.opelika-al.gov
- // @connect fcgis.franklincountypa.gov
- // @connect feature.geographic.texas.gov
- // @connect feature.tnris.org
- // @connect fieldstone.orangecountync.gov
- // @connect fragis.fra.dot.gov
- // @connect fremontgis.com
- // @connect gasconadegis.integritygis.com
- // @connect gateway.maps.rlid.org
- // @connect gcgis.guilfordcountync.gov
- // @connect geaugarealink.co.geauga.oh.us
- // @connect geo.co.butler.pa.us
- // @connect geo.co.harrison.ms.us
- // @connect geo.dentoncad.com
- // @connect geo.forsythco.com
- // @connect geo.friscotexas.gov
- // @connect geo.lloydminster.ca
- // @connect geo.oit.ohio.gov
- // @connect geo.sandag.org
- // @connect geo.sanjoseca.gov
- // @connect geo.skagitcountywa.gov
- // @connect geo.statcan.gc.ca
- // @connect geo.tompkins-co.org
- // @connect geo.vbgov.com
- // @connect geo1.oit.ohio.gov
- // @connect geo2.co.dodge.wi.us
- // @connect geodata.hawaii.gov
- // @connect geodata.md.gov
- // @connect geodata.sarpy.com
- // @connect geodataportal.net
- // @connect geonb.snb.ca
- // @connect geoportal.kelowna.ca
- // @connect geopower.jws.com
- // @connect geospatial.alberta.ca
- // @connect geoweb.martin.fl.us
- // @connect geoweb02.ci.richmond.ca.us
- // @connect gis-2.warrencountyny.gov
- // @connect gis-erd-der.gnb.ca
- // @connect gis-server.co.becker.mn.us
- // @connect gis-server.co.montezuma.co.us
- // @connect gis.aacounty.org
- // @connect gis.abilenetx.com
- // @connect gis.adamscounty.org
- // @connect gis.addisontx.gov
- // @connect gis.aecomonline.net
- // @connect gis.allegancounty.org
- // @connect gis.allencountyohio.com
- // @connect gis.apachejunctionaz.gov
- // @connect gis.arapahoegov.com
- // @connect gis.arkansas.gov
- // @connect gis.ashecountygov.com
- // @connect gis.ashevillenc.gov
- // @connect gis.atlantaga.gov
- // @connect gis.auburnalabama.org
- // @connect gis.auglaizecounty.org
- // @connect gis.azdot.gov
- // @connect gis.bakersfieldcity.us
- // @connect gis.baycountyfl.gov
- // @connect gis.beaufortcountysc.gov
- // @connect gis.beaumonttexas.gov
- // @connect gis.bentoncountyar.gov
- // @connect gis.berkeleycountysc.gov
- // @connect gis.bigstonecounty.gov
- // @connect gis.bladenco.org
- // @connect gis.blairco.org
- // @connect gis.blm.gov
- // @connect gis.blueearthcountymn.gov
- // @connect gis.bransonmo.gov
- // @connect gis.brevardfl.gov
- // @connect gis.browncountywi.gov
- // @connect gis.buncombecounty.org
- // @connect gis.burkenc.org
- // @connect gis.burleighco.com
- // @connect gis.buttecounty.net
- // @connect gis.caldwellcountync.org
- // @connect gis.calhouncounty.org
- // @connect gis.campbellca.gov
- // @connect gis.campbellcountywy.gov
- // @connect gis.carboncounty.com
- // @connect gis.cayugacounty.us
- // @connect gis.cccounty.us
- // @connect gis.ccgisonline.com
- // @connect gis.ccpa.net
- // @connect gis.cedarfalls.com
- // @connect gis.cedarhilltx.com
- // @connect gis.cherokeega.com
- // @connect gis.chestermere.ca
- // @connect gis.chippewa.mn
- // @connect gis.chisagocountymn.gov
- // @connect gis.ci.janesville.wi.us
- // @connect gis.ci.mcminnville.or.us
- // @connect gis.ci.waco.tx.us
- // @connect gis.citruspa.org
- // @connect gis.cityofaikensc.gov
- // @connect gis.cityofberkeley.info
- // @connect gis.cityofboston.gov
- // @connect gis.cityofdenton.com
- // @connect gis.cityofirvine.org
- // @connect gis.cityofmiddletown.com
- // @connect gis.cityofmoore.com
- // @connect gis.cityofsanmateo.org
- // @connect gis.cityofwestsacramento.org
- // @connect gis.clevelandtn.gov
- // @connect gis.cmpdd.org
- // @connect gis.co.benton.or.us
- // @connect gis.co.berks.pa.us
- // @connect gis.co.carlton.mn.us
- // @connect gis.co.carver.mn.us
- // @connect gis.co.clarion.pa.us
- // @connect gis.co.cumberland.nc.us
- // @connect gis.co.door.wi.us
- // @connect gis.co.douglas.or.us
- // @connect gis.co.eau-claire.wi.us
- // @connect gis.co.fairfield.oh.us
- // @connect gis.co.fillmore.mn.us
- // @connect gis.co.grand.co.us
- // @connect gis.co.grant.mn.us
- // @connect gis.co.grant.wi.gov
- // @connect gis.co.green-lake.wi.us
- // @connect gis.co.hubbard.mn.us
- // @connect gis.co.isanti.mn.us
- // @connect gis.co.josephine.or.us
- // @connect gis.co.kittitas.wa.us
- // @connect gis.co.linn.or.us
- // @connect gis.co.mille-lacs.mn.us
- // @connect gis.co.nezperce.id.us
- // @connect gis.co.oneida.wi.us
- // @connect gis.co.pepin.wi.us
- // @connect gis.co.pierce.wi.us
- // @connect gis.co.polk.mn.us
- // @connect gis.co.richland.wi.us
- // @connect gis.co.roseau.mn.us
- // @connect gis.co.sangamon.il.us
- // @connect gis.co.sauk.wi.us
- // @connect gis.co.sherburne.mn.us
- // @connect gis.co.stearns.mn.us
- // @connect gis.co.stevens.mn.us
- // @connect gis.co.tuscarawas.oh.us
- // @connect gis.co.wadena.mn.us
- // @connect gis.co.waseca.mn.us
- // @connect gis.co.waushara.wi.us
- // @connect gis.co.ym.mn.gov
- // @connect gis.colorado.gov
- // @connect gis.coloradosprings.gov
- // @connect gis.columbiacountyga.gov
- // @connect gis.columbiacountymaps.com
- // @connect gis.columbiasc.gov
- // @connect gis.columbusga.org
- // @connect gis.concordnh.gov
- // @connect gis.cookeville-tn.org
- // @connect gis.corvallisoregon.gov
- // @connect gis.cosb.us
- // @connect gis.countyofriverside.us
- // @connect gis.cowleycounty.org
- // @connect gis.cranstonri.org
- // @connect gis.cravencountync.gov
- // @connect gis.crcog.org
- // @connect gis.crookcounty.wy.gov
- // @connect gis.crowwing.us
- // @connect gis.cstx.gov
- // @connect gis.cuyahogacounty.us
- // @connect gis.danville-va.gov
- // @connect gis.dauphincounty.org
- // @connect gis.deerparktx.gov
- // @connect gis.dekalbcountyga.gov
- // @connect gis.delcopa.gov
- // @connect gis.dentoncounty.gov
- // @connect gis.districtiii.org
- // @connect gis.dogis.org
- // @connect gis.donaanacounty.org
- // @connect gis.dot.nv.gov
- // @connect gis.dot.state.oh.us
- // @connect gis.douglascountyks.org
- // @connect gis.dubuquecounty.us
- // @connect gis.dupageco.org
- // @connect gis.duplincountync.com
- // @connect gis.dutchessny.gov
- // @connect gis.eastgreenwichri.com
- // @connect gis.edgecombecountync.gov
- // @connect gis.edmondok.gov
- // @connect gis.elkocountynv.net
- // @connect gis.elpasotexas.gov
- // @connect gis.emmetcounty.org
- // @connect gis.eriecountypa.gov
- // @connect gis.fortlauderdale.gov
- // @connect gis.franklincountyohio.gov
- // @connect gis.fultoncountyoh.com
- // @connect gis.fwb.org
- // @connect gis.fwp.mt.gov
- // @connect gis.gallatin.mt.gov
- // @connect gis.gallupnm.us
- // @connect gis.garrettcounty.org
- // @connect gis.gastongov.com
- // @connect gis.gcrc.org
- // @connect gis.gilacountyaz.gov
- // @connect gis.gocolumbiamo.com
- // @connect gis.goshencounty.org
- // @connect gis.gptx.org
- // @connect gis.grandcountyutah.net
- // @connect gis.greenecountyohio.gov
- // @connect gis.greenegovernment.com
- // @connect gis.greensboro-nc.gov
- // @connect gis.gscplanning.com
- // @connect gis.haldimandcounty.ca
- // @connect gis.hardeecounty.net
- // @connect gis.harnett.org
- // @connect gis.hartford.gov
- // @connect gis.hawaiicounty.gov
- // @connect gis.hcpafl.org
- // @connect gis.hennepin.us
- // @connect gis.huntingtonbeachca.gov
- // @connect gis.iberiagov.net
- // @connect gis.indot.in.gov
- // @connect gis.interdev.com
- // @connect gis.iowadot.gov
- // @connect gis.itd.idaho.gov
- // @connect gis.jacksonnc.org
- // @connect gis.jccal.org
- // @connect gis.johnson-county.com
- // @connect gis.johnsoncitytn.org
- // @connect gis.kalamazoocity.org
- // @connect gis.kanawhacountyassessor.com
- // @connect gis.kaufmancounty.net
- // @connect gis.kcgov.us
- // @connect gis.kcmn.us
- // @connect gis.kentcountyde.gov
- // @connect gis.kentcountymi.gov
- // @connect gis.kleinfelder.com
- // @connect gis.lacrossecounty.org
- // @connect gis.lafayettecountywi.org
- // @connect gis.lakecountyfl.gov
- // @connect gis.lakecountyohio.gov
- // @connect gis.lapazcountyaz.org
- // @connect gis.laplata.co.us
- // @connect gis.lasallecounty.org
- // @connect gis.latah.id.us
- // @connect gis.leecountyil.com
- // @connect gis.lehighcounty.org
- // @connect gis.leoc.net
- // @connect gis.lethbridge.ca
- // @connect gis.lincoln.ne.gov
- // @connect gis.littleelm.org
- // @connect gis.livingstoncounty.us
- // @connect gis.lja.com
- // @connect gis.lojic.org
- // @connect gis.losalamosnm.us
- // @connect gis.luzernecounty.org
- // @connect gis.lyco.org
- // @connect gis.lyon-county.org
- // @connect gis.macombgov.org
- // @connect gis.maconnc.org
- // @connect gis.maderacounty.com
- // @connect gis.marinpublic.com
- // @connect gis.marionfl.org
- // @connect gis.masoncountywa.gov
- // @connect gis.massdot.state.ma.us
- // @connect gis.mbakerintl.com
- // @connect gis.mcgtn.org
- // @connect gis.mckeancountypa.gov
- // @connect gis.mcohio.org
- // @connect gis.mendocinocounty.org
- // @connect gis.mercercountypa.gov
- // @connect gis.mesaaz.gov
- // @connect gis.mifflincountypa.gov
- // @connect gis.minnehahacounty.org
- // @connect gis.miottawa.org
- // @connect gis.missoulacounty.us
- // @connect gis.modestogov.com
- // @connect gis.mono.ca.gov
- // @connect gis.montgomeryal.gov
- // @connect gis.moorecountync.gov
- // @connect gis.moosejaw.ca
- // @connect gis.mytoddcounty.com
- // @connect gis.napa.ca.gov
- // @connect gis.nashcountync.gov
- // @connect gis.nassaucountyny.gov
- // @connect gis.nccde.org
- // @connect gis.ne.gov
- // @connect gis.neccog.org
- // @connect gis.newedgeservices.com
- // @connect gis.newhavenct.gov
- // @connect gis.nhcgov.com
- // @connect gis.niagaracounty.com
- // @connect gis.nola.gov
- // @connect gis.norrycopa.net
- // @connect gis.northamptoncounty.org
- // @connect gis.odot.state.or.us
- // @connect gis.ohiodnr.gov
- // @connect gis.okc.gov
- // @connect gis.orangecountygov.com
- // @connect gis.orangecountyva.gov
- // @connect gis.orrsc.com
- // @connect gis.osceola.org
- // @connect gis.outagamie.org
- // @connect gis.owensboro.org
- // @connect gis.pandai.com
- // @connect gis.pendercountync.gov
- // @connect gis.pendoreilleco.org
- // @connect gis.penndot.gov
- // @connect gis.penndot.pa.gov
- // @connect gis.peoriacounty.gov
- // @connect gis.personcountync.gov
- // @connect gis.pgatlas.com
- // @connect gis.pikepa.org
- // @connect gis.pinal.gov
- // @connect gis.pittcountync.gov
- // @connect gis.pittsburgca.gov
- // @connect gis.polk-county.net
- // @connect gis.popecountymn.gov
- // @connect gis.port-orange.org
- // @connect gis.pottcounty-ia.gov
- // @connect gis.princeedwardisland.ca
- // @connect gis.putnam-fl.com
- // @connect gis.qac.org
- // @connect gis.qualicumbeach.com
- // @connect gis.randolphcountync.gov
- // @connect gis.rapides911.org
- // @connect gis.rcgov.org
- // @connect gis.rdck.bc.ca
- // @connect gis.renvillecountymn.com
- // @connect gis.rileycountyks.gov
- // @connect gis.rocklin.ca.us
- // @connect gis.rowancountync.gov
- // @connect gis.rrnm.gov
- // @connect gis.rtcsnv.com
- // @connect gis.rutherfordcountync.gov
- // @connect gis.sanjuanco.com
- // @connect gis.santa-clarita.com
- // @connect gis.santacruzcounty.us
- // @connect gis.santamonica.gov
- // @connect gis.saskatchewan.ca
- // @connect gis.sawyerwi.org
- // @connect gis.sccwi.gov
- // @connect gis.shastacounty.gov
- // @connect gis.sheboygancounty.com
- // @connect gis.shelbycountytn.gov
- // @connect gis.showmeboone.com
- // @connect gis.siouxfalls.gov
- // @connect gis.slocounty.ca.gov
- // @connect gis.sncoapps.us
- // @connect gis.southkingstownri.com
- // @connect gis.steele.mn
- // @connect gis.stlouiscountymn.gov
- // @connect gis.sullivanny.us
- // @connect gis.sumtercountyfl.gov
- // @connect gis.surryinfo.net
- // @connect gis.talbotdes.org
- // @connect gis.tazewell.com
- // @connect gis.texoma.cog.tx.us
- // @connect gis.thecolonytx.gov
- // @connect gis.thomsonreuters.com
- // @connect gis.transportation.wv.gov
- // @connect gis.transylvaniacounty.org
- // @connect gis.traviscountytx.gov
- // @connect gis.tularecounty.ca.gov
- // @connect gis.ucdavis.edu
- // @connect gis.ulstercountyny.gov
- // @connect gis.vernon-ct.gov
- // @connect gis.victorvilleca.gov
- // @connect gis.warrensburg-mo.com
- // @connect gis.washingtoncountyny.gov
- // @connect gis.watertownwi.gov
- // @connect gis.waukesha-wi.gov
- // @connect gis.waukeshacounty.gov
- // @connect gis.weatherfordtx.gov
- // @connect gis.westmorelandcountypa.gov
- // @connect gis.westplains.net
- // @connect gis.whatcomcounty.us
- // @connect gis.whitfieldcountyga.com
- // @connect gis.wilco.org
- // @connect gis.wilkescounty.net
- // @connect gis.willcountyillinois.com
- // @connect gis.wilson-co.com
- // @connect gis.wilsonnc.org
- // @connect gis.wiu.edu
- // @connect gis.woodcountywi.gov
- // @connect gis.worldviewsolutions.com
- // @connect gis.wyo.gov
- // @connect gis.yadkincountync.gov
- // @connect gis.yanceycountync.org
- // @connect gis.yavapaiaz.gov
- // @connect gis.yellowstonecountymt.gov
- // @connect gis.yolocounty.gov
- // @connect gis.yolocounty.org
- // @connect gis.yuba.org
- // @connect gis1.acimap.us
- // @connect gis1.georgetowncountysc.org
- // @connect gis1.hamiltoncounty.in.gov
- // @connect gis11.cama.io
- // @connect gis11.services.ncdot.gov
- // @connect gis12.cookcountyil.gov
- // @connect gis2.arlingtontx.gov
- // @connect gis2.co.dakota.mn.us
- // @connect gis2.co.marathon.wi.us
- // @connect gis2.co.ozaukee.wi.us
- // @connect gis2.erie.gov
- // @connect gis2.gworks.com
- // @connect gis2.idaho.gov
- // @connect gis2.lawrenceks.org
- // @connect gis2.orangeburgcounty.org
- // @connect gis2.sandyspringsga.gov
- // @connect gis2.totaland.com
- // @connect gis21svweb.lincolnparish.org
- // @connect gis3.cdmsmithgis.com
- // @connect gis3.cmpdd.org
- // @connect gis3.gwinnettcounty.com
- // @connect gis3.gworks.com
- // @connect gis3.montgomerycountymd.gov
- // @connect gis3.richmondnc.com
- // @connect gis4.montgomerycountymd.gov
- // @connect gisago-qa.mcgi.state.mi.us
- // @connect gisago.mcgi.state.mi.us
- // @connect gisapp.adcogov.org
- // @connect gisapp.mahoningcountyoh.gov
- // @connect gisapps.cityofchicago.org
- // @connect gisapps.rileycountyks.gov
- // @connect gisapps.wicomicocounty.org
- // @connect gisapps1.mapoakland.com
- // @connect gisarcweb.jeffersoncountywv.org
- // @connect gisccapps.charlestoncounty.org
- // @connect gisdata.alleghenycounty.us
- // @connect gisdata.dot.ca.gov
- // @connect gisdata.in.gov
- // @connect gisdata.jeffersoncountyoh.com
- // @connect gisdata.kingcounty.gov
- // @connect gisdata.pandai.com
- // @connect gisdata.pima.gov
- // @connect gisdata.seattle.gov
- // @connect gisdemo1.cdmsmith.com
- // @connect gisdemo2.cdmsmith.com
- // @connect gisentapp01.highpointnc.gov
- // @connect gisext.lincoln.ne.gov
- // @connect gisext.saskatoon.ca
- // @connect gisext2.cnv.org
- // @connect gishost.cdmsmithgis.com
- // @connect gisinfo.co.portage.wi.gov
- // @connect gisinfo.co.walworth.wi.us
- // @connect gisinfo.lawrencevillega.org
- // @connect gismap.augustaga.gov
- // @connect gismap.cityofboise.org
- // @connect gismap.co.juneau.wi.us
- // @connect gismap.co.marshall.mn.us
- // @connect gismap.co.norman.mn.us
- // @connect gismap.co.red-lake.mn.us
- // @connect gismapping.stafford.va.us
- // @connect gismaps.cityofboise.org
- // @connect gismaps.cityofgreer.org
- // @connect gismaps.co.cerro-gordo.ia.us
- // @connect gismaps.columbiapa.org
- // @connect gismaps.flower-mound.com
- // @connect gismaps.fultoncountyga.gov
- // @connect gismaps.guelph.ca
- // @connect gismaps.hctra.org
- // @connect gismaps.kingcounty.gov
- // @connect gismaps.redwoodcity.org
- // @connect gismaps.sedgwickcounty.org
- // @connect gismaps.wichita.gov
- // @connect gismapserver.leegov.com
- // @connect gismo.spokanecounty.org
- // @connect gisonline.greenvillenc.gov
- // @connect gisp.co.genesee.ny.us
- // @connect gisp.mcgi.state.mi.us
- // @connect gisportal.calaverascounty.gov
- // @connect gisportal.champaignil.gov
- // @connect gisportal.co.madison.il.us
- // @connect gisportal.co.warren.oh.us
- // @connect gisportal.dorchestercounty.net
- // @connect gisportal.dot.ct.gov
- // @connect gisportal.fnsb.gov
- // @connect gisportal.ircgov.com
- // @connect gisportal.ontarioca.gov
- // @connect gisportal.stocktonca.gov
- // @connect gisportal.stpgov.org
- // @connect gisportal.whitehorse.ca
- // @connect gispro.porterco.org
- // @connect gisprod10.co.fresno.ca.us
- // @connect gisprodops.chesco.org
- // @connect gispub.cityofaspen.com
- // @connect gispub.co.washington.or.us
- // @connect gispublic.co.lake.ca.us
- // @connect gispw.coloradosprings.gov
- // @connect gisrevprxy.seattle.gov
- // @connect gisserver.christiancountymo.gov
- // @connect gisservice.cityofmesquite.com
- // @connect gisservicemt.gov
- // @connect gisservices.chathamcountync.gov
- // @connect gisservices.chathamnc.org
- // @connect gisservices.co.anoka.mn.us
- // @connect gisservices.douglasnv.us
- // @connect gisservices.its.ny.gov
- // @connect gisservices.oakgov.com
- // @connect gisservices.surrey.ca
- // @connect gisservices2.suffolkcountyny.gov
- // @connect gissites4.centrecountypa.gov
- // @connect gissvr.watgov.org
- // @connect gisweb-18.ci.killeen.tx.us
- // @connect gisweb-adapters.bcpa.net
- // @connect gisweb.albemarle.org
- // @connect gisweb.birminghamal.gov
- // @connect gisweb.casscountynd.gov
- // @connect gisweb.champaignil.gov
- // @connect gisweb.ci.manteca.ca.us
- // @connect gisweb.co.aitkin.mn.us
- // @connect gisweb.co.mower.mn.us
- // @connect gisweb.co.wilkin.mn.us
- // @connect gisweb.fdlco.wi.gov
- // @connect gisweb.fortbendcountytx.gov
- // @connect gisweb.jeffcowa.us
- // @connect gisweb.miamidade.gov
- // @connect gisweb.pwcva.gov
- // @connect gisweb.wycokck.org
- // @connect gisweb2014.gordoncounty.org
- // @connect giswebservices.countygp.ab.ca
- // @connect giswww.westchestergov.com
- // @connect git.co.tioga.ny.us
- // @connect gmdnags.colliercountyfl.gov
- // @connect grant.co.jefferson.id.us
- // @connect gweb01.co.olmsted.mn.us
- // @connect harpergis.integritygis.com
- // @connect haslet.halff.com
- // @connect hazards.fema.gov
- // @connect hdgis.ingham.org
- // @connect heartlandmpo.com
- // @connect helenamontanamaps.org
- // @connect henrygis.integritygis.com
- // @connect hgis.hialeahfl.gov
- // @connect holtgis.integritygis.com
- // @connect host.cdmsmithgis.com
- // @connect hostingdata2.tighebond.com
- // @connect hostingdata3.tighebond.com
- // @connect huntsvillegis.com
- // @connect ifgis.idahofallsidaho.gov
- // @connect ihost.tularecounty.ca.gov
- // @connect imap.klickitatcounty.org
- // @connect ims.districtiii.org
- // @connect intervector.leoncountyfl.gov
- // @connect iowagis.integritygis.com
- // @connect jeffarcgis.jeffersoncountywi.gov
- // @connect joplingis.org
- // @connect k3gis.com
- // @connect kanplan.ksdot.gov
- // @connect kcgis.kentoncounty.org
- // @connect kenhagis.kenha.co.ke
- // @connect kygisserver.ky.gov
- // @connect lacledegis.integritygis.com
- // @connect lafayettegis.integritygis.com
- // @connect landrecords.greencountywi.org
- // @connect lawrencegis.integritygis.com
- // @connect lcapps.co.lucas.oh.us
- // @connect lcmaps.lanecounty.org
- // @connect lee-arcgis.leecountync.gov
- // @connect lincolngis.integritygis.com
- // @connect lio.milwaukeecountywi.gov
- // @connect livingstongis.integritygis.com
- // @connect location.cabarruscounty.us
- // @connect logis.loudoun.gov
- // @connect loraincountyauditor.com
- // @connect lrs.co.columbia.wi.us
- // @connect lucity.sbpg.net
- // @connect macongis.integritygis.com
- // @connect madison.rexburg.org
- // @connect madisongis.cityofalbany.net
- // @connect manitowocmaps.info
- // @connect map.claycountymn.gov
- // @connect map.co.clear-creek.co.us
- // @connect map.co.clearwater.mn.us
- // @connect map.co.merced.ca.us
- // @connect map.co.thurston.wa.us
- // @connect map.co.trempealeau.wi.us
- // @connect map.coppelltx.gov
- // @connect map.eaglecounty.us
- // @connect map.haltonhills.ca
- // @connect map.newberrycounty.net
- // @connect map.opkansas.org
- // @connect map.oshawa.ca
- // @connect map.pikepass.com
- // @connect map.rdn.bc.ca
- // @connect map.stclairco.com
- // @connect map.sussexcountyde.gov
- // @connect map.wyoroad.info
- // @connect map11.incog.org
- // @connect mapd.kcmo.org
- // @connect mapdata.baytown.org
- // @connect mapdata.lasvegasnevada.gov
- // @connect mapdata.tucsonaz.gov
- // @connect mapit.fortworthtexas.gov
- // @connect mapit.tarrantcounty.com
- // @connect mapitwest.fortworthtexas.gov
- // @connect mapping.adamscountypa.gov
- // @connect mapping.burlington.ca
- // @connect mapping.chilliwack.com
- // @connect mapping.kenoshacountywi.gov
- // @connect mapping.mitchellcounty.org
- // @connect mapping.modot.org
- // @connect mappmycity.ca
- // @connect maps.adaok.com
- // @connect maps.alexandercountync.gov
- // @connect maps.alexandriava.gov
- // @connect maps.austintexas.gov
- // @connect maps.banff.ca
- // @connect maps.bannockcounty.us
- // @connect maps.bayfieldcounty.wi.gov
- // @connect maps.bcad.org
- // @connect maps.belmont.gov
- // @connect maps.berkeleywv.org
- // @connect maps.boonecountyil.org
- // @connect maps.bossierparishgis.org
- // @connect maps.bouldercounty.org
- // @connect maps.brazoriacountytx.gov
- // @connect maps.brla.gov
- // @connect maps.brookhavenga.gov
- // @connect maps.bryantx.gov
- // @connect maps.burlesontx.com
- // @connect maps.butlercountyauditor.org
- // @connect maps.cambridge.ca
- // @connect maps.canyonco.org
- // @connect maps.capturecama.com
- // @connect maps.casperwy.gov
- // @connect maps.chautauquacounty.com
- // @connect maps.cherokeecounty-nc.gov
- // @connect maps.ci.longmont.co.us
- // @connect maps.ci.nacogdoches.tx.us
- // @connect maps.cityhs.net
- // @connect maps.cityofconroe.org
- // @connect maps.cityofhenderson.com
- // @connect maps.cityofls.net
- // @connect maps.cityofmadison.com
- // @connect maps.cityofmobile.org
- // @connect maps.cityofsherman.com
- // @connect maps.cityoftulsa.org
- // @connect maps.cityofwaterlooiowa.com
- // @connect maps.clarkcountynv.gov
- // @connect maps.claycountygov.com
- // @connect maps.clermontauditor.org
- // @connect maps.clintoncountypa.com
- // @connect maps.co.blaine.id.us
- // @connect maps.co.ellis.tx.us
- // @connect maps.co.forsyth.nc.us
- // @connect maps.co.goodhue.mn.us
- // @connect maps.co.gov
- // @connect maps.co.grayson.tx.us
- // @connect maps.co.itasca.mn.us
- // @connect maps.co.kendall.il.us
- // @connect maps.co.kern.ca.us
- // @connect maps.co.lincoln.wi.us
- // @connect maps.co.palm-beach.fl.us
- // @connect maps.co.polk.or.us
- // @connect maps.co.pueblo.co.us
- // @connect maps.co.ramsey.mn.us
- // @connect maps.co.shawano.wi.us
- // @connect maps.co.warren.oh.us
- // @connect maps.co.washington.mn.us
- // @connect maps.coj.net
- // @connect maps.collincountytx.gov
- // @connect maps.countyofmerced.com
- // @connect maps.crc.ga.gov
- // @connect maps.ctmetro.org
- // @connect maps.currituckcountync.gov
- // @connect maps.cvrd.ca
- // @connect maps.dancgis.org
- // @connect maps.dcad.org
- // @connect maps.delco-gis.org
- // @connect maps.deltacountyco.gov
- // @connect maps.deschutes.org
- // @connect maps.desotocountyms.gov
- // @connect maps.dmgov.org
- // @connect maps.dot.nh.gov
- // @connect maps.dotd.la.gov
- // @connect maps.douglascountyga.gov
- // @connect maps.douglascountywa.net
- // @connect maps.dsm.city
- // @connect maps.durham.ca
- // @connect maps.elbertcounty-co.gov
- // @connect maps.escpa.org
- // @connect maps.etcog.org
- // @connect maps.evansvillegis.com
- // @connect maps.fayetteville-ar.gov
- // @connect maps.fishers.in.us
- // @connect maps.flathead.mt.gov
- // @connect maps.floridadisaster.org
- // @connect maps.frederickcountymd.gov
- // @connect maps.fredericksburgva.gov
- // @connect maps.garfield-county.com
- // @connect maps.garlandtx.gov
- // @connect maps.gov.bc.ca
- // @connect maps.grcity.us
- // @connect maps.groton-ct.gov
- // @connect maps.grundyco.org
- // @connect maps.haldimandcounty.on.ca
- // @connect maps.hayward-ca.gov
- // @connect maps.haywoodnc.net
- // @connect maps.highlandvillage.org
- // @connect maps.hokecounty.org
- // @connect maps.huerfano.us
- // @connect maps.huntsvilleal.gov
- // @connect maps.iredellcountync.gov
- // @connect maps.itos.uga.edu
- // @connect maps.jocogov.org
- // @connect maps.kamloops.ca
- // @connect maps.kytc.ky.gov
- // @connect maps.lacity.org
- // @connect maps.lagrange-ga.org
- // @connect maps.lakecountyil.gov
- // @connect maps.laramiecounty.com
- // @connect maps.lcwy.org
- // @connect maps.lebanontn.org
- // @connect maps.lex-co.com
- // @connect maps.lexingtonky.gov
- // @connect maps.libertymo.gov
- // @connect maps.lincolncountysd.org
- // @connect maps.linkgis.org
- // @connect maps.london.ca
- // @connect maps.matsugov.us
- // @connect maps.mckinneytexas.org
- // @connect maps.meshekgis.com
- // @connect maps.miamigov.com
- // @connect maps.midlandtexas.gov
- // @connect maps.monroecounty.gov
- // @connect maps.muskegoncountygis.com
- // @connect maps.nashville.gov
- // @connect maps.ncpafl.com
- // @connect maps.nevadacountyca.gov
- // @connect maps.nj.gov
- // @connect maps.normanok.gov
- // @connect maps.northaugustasc.gov
- // @connect maps.ocgov.net
- // @connect maps.opkansas.org
- // @connect maps.orcity.org
- // @connect maps.ottawa.ca
- // @connect maps.palmcoastgov.com
- // @connect maps.parkco.us
- // @connect maps.phoenix.gov
- // @connect maps.pitkincounty.com
- // @connect maps.planogis.org
- // @connect maps.pottercountypa.net
- // @connect maps.prcity.com
- // @connect maps.raleighnc.gov
- // @connect maps.richlandcountyoh.us
- // @connect maps.rutherfordcountytn.gov
- // @connect maps.santa-clarita.com
- // @connect maps.santabarbaraca.gov
- // @connect maps.sbcounty.gov
- // @connect maps.sccmo.org
- // @connect maps.semogis.com
- // @connect maps.sfdpw.org
- // @connect maps.sgcityutah.gov
- // @connect maps.shelbyal.com
- // @connect maps.slocity.org
- // @connect maps.spartanburgcounty.org
- // @connect maps.springfieldmo.gov
- // @connect maps.steamboatsprings.net
- // @connect maps.stlouisco.com
- // @connect maps.swaincountync.gov
- // @connect maps.tippecanoe.in.gov
- // @connect maps.townofcary.org
- // @connect maps.udot.utah.gov
- // @connect maps.vancouver.ca
- // @connect maps.vcgi.vermont.gov
- // @connect maps.ventura.org
- // @connect maps.victoria.ca
- // @connect maps.victoriatx.org
- // @connect maps.vilascountywi.gov
- // @connect maps.vtrans.vermont.gov
- // @connect maps.wake.gov
- // @connect maps.washco-md.net
- // @connect maps.washcowisco.gov
- // @connect maps.whiterockcity.ca
- // @connect maps1.brampton.ca
- // @connect maps1.eriecounty.oh.gov
- // @connect maps1.larimer.org
- // @connect maps11.eriecounty.oh.gov
- // @connect maps2.bgadd.org
- // @connect maps2.cattco.org
- // @connect maps2.ci.euless.tx.us
- // @connect maps2.columbus.gov
- // @connect maps2.dcgis.dc.gov
- // @connect maps2.san-marcos.net
- // @connect maps2.timmons.com
- // @connect maps2.vcgov.org
- // @connect maps6.stlouis-mo.gov
- // @connect maps7.eriecounty.oh.gov
- // @connect maps8.eriecounty.oh.gov
- // @connect mapsdev.hamiltontn.gov
- // @connect mapserv.cityofloveland.org
- // @connect mapserv.mesquitenv.gov
- // @connect mapservice.nmstatelands.org
- // @connect mapservices.crd.bc.ca
- // @connect mapservices.gis.saccounty.net
- // @connect mapservices.gov.yk.ca
- // @connect mapservices.nps.gov
- // @connect mapservices.pasda.psu.edu
- // @connect mapservices.santacruzcountyaz.gov
- // @connect mapservices.sccgov.org
- // @connect mapservices.weather.noaa.gov
- // @connect mapservices1.jeffco.us
- // @connect mapservices2.jeffco.us
- // @connect mariesgis.integritygis.com
- // @connect mariongis.integritygis.com
- // @connect mcdonaldgis.integritygis.com
- // @connect mcgis.mesacounty.us
- // @connect mcgis.mohave.gov
- // @connect mcgis4.monroecounty-fl.gov
- // @connect mcmap.montrosecounty.net
- // @connect mcogis.co.marion.oh.us
- // @connect millergis.integritygis.com
- // @connect mms.hursttx.gov
- // @connect mndotgis.dot.state.mn.us
- // @connect moberlygis.integritygis.com
- // @connect mobile.alamedaca.gov
- // @connect moniteaugis.integritygis.com
- // @connect morgangis.integritygis.com
- // @connect msdisweb.missouri.edu
- // @connect mycity2.houstontx.gov
- // @connect navigator.state.or.us
- // @connect newtongis.integritygis.com
- // @connect nhgeodata.unh.edu
- // @connect nobgis.cityofnoblesville.org
- // @connect northlake.halff.com
- // @connect nsgiwa.novascotia.ca
- // @connect nspdcwebsrv.csuchico.edu
- // @connect oak.co.lake-of-the-woods.mn.us
- // @connect oc17maps.co.oconto.wi.us
- // @connect ocgis4.ocfl.net
- // @connect oncorng.co.ontario.ny.us
- // @connect opengis.regina.ca
- // @connect operationserver.ci.henderson.nc.us
- // @connect orfmaps.norfolk.gov
- // @connect osagegis.integritygis.com
- // @connect pagis.org
- // @connect pamap.putnam-fl.gov
- // @connect parcelmap.ashtabulacounty.us
- // @connect parcels.rsdigital.com
- // @connect parcelviewer.geodecisions.com
- // @connect pascogis.pascocountyfl.net
- // @connect pgis.plantation.org
- // @connect phelpsgis.integritygis.com
- // @connect polaris2.mecklenburgcountync.gov
- // @connect polkgis.integritygis.com
- // @connect portal.carolinabeach.org
- // @connect portal.carson.org
- // @connect portal.henrico.gov
- // @connect portal.niagarafalls.ca
- // @connect programs.iowadnr.gov
- // @connect propaccess.wadtx.com
- // @connect propertyviewer.andersoncountysc.org
- // @connect proxy2.roktech.net
- // @connect psportal.harrisoncountywv.com
- // @connect pubgis.ci.lubbock.tx.us
- // @connect public.co.wasco.or.us
- // @connect public1.co.waupaca.wi.us
- // @connect publicmap01.co.st-clair.il.us
- // @connect publicmaps.txkusa.org
- // @connect pulaskigis.integritygis.com
- // @connect putnamcountygis.com
- // @connect pwmaps.cityofloveland.org
- // @connect pwmaps.reno.gov
- // @connect rallsgis.integritygis.com
- // @connect raygis.integritygis.com
- // @connect rc-arcgis01.co.rice.mn.us
- // @connect rdsgis.nctgis.nct911.org
- // @connect renogis3.renogov.org
- // @connect roads.udot.utah.gov
- // @connect rockgis.co.rock.wi.us
- // @connect rockgis.rockfordil.gov
- // @connect romefloyd.agdmaps.com
- // @connect rptsgisweb.oswegocounty.com
- // @connect salinegis.integritygis.com
- // @connect saludacountysc.net
- // @connect sccgis.santacruzcountyca.gov
- // @connect scgis.summitoh.net
- // @connect scgisa.starkcountyohio.gov
- // @connect sdgis.sd.gov
- // @connect secure.boonecountygis.com
- // @connect sedaliagis.integritygis.com
- // @connect see-eldorado.edcgov.us
- // @connect server.boundarycountyid.org
- // @connect server1.mapxpress.net
- // @connect server2.mapxpress.net
- // @connect services.aadnc-aandc.gc.ca
- // @connect services.arcgis.com
- // @connect services.gis.ca.gov
- // @connect services.gisqatar.org.qa
- // @connect services.mh-gis.com
- // @connect services.nconemap.gov
- // @connect services.sagis.org
- // @connect services.wvgis.wvu.edu
- // @connect services1.arcgis.com
- // @connect services2.arcgis.com
- // @connect services2.integritygis.com
- // @connect services3.arcgis.com
- // @connect services5.arcgis.com
- // @connect services6.arcgis.com
- // @connect services7.arcgis.com
- // @connect services8.arcgis.com
- // @connect services9.arcgis.com
- // @connect showlowmaps.com
- // @connect skyview.hornershifrin.com
- // @connect slcgis.stlucieco.gov
- // @connect smgis.sanmarcostx.gov
- // @connect smithvillegis.integritygis.com
- // @connect smpesri.scdot.org
- // @connect socogis.sonomacounty.ca.gov
- // @connect spatial.gishost.com
- // @connect spatial.jacksoncountyor.gov
- // @connect spatialags.vhb.com
- // @connect stclairgis.integritygis.com
- // @connect stmgis.stmarysmd.com
- // @connect stokescountygis.com
- // @connect stonegis.integritygis.com
- // @connect svr4.sumtercountysc.org
- // @connect tcgisws.tooeleco.gov
- // @connect tcweb.co.teller.co.us
- // @connect tfportal.tfid.org
- // @connect tharcgis2.thewoodlands-tx.gov
- // @connect tigerweb.geo.census.gov
- // @connect tiogagis.tiogacountypa.us
- // @connect tnmap.tn.gov
- // @connect tpwd.texas.gov
- // @connect tsc-gis-ags101a.schneidercorp.com
- // @connect twu.newedgeservices.com
- // @connect utility.arcgis.com
- // @connect vernongis.integritygis.com
- // @connect vginmaps.vdem.virginia.gov
- // @connect vtransmap01.aot.state.vt.us
- // @connect wallawallagis.com
- // @connect warrengis.integritygis.com
- // @connect wcg-gisweb.co.worcester.md.us
- // @connect wcgis3.co.winnebago.wi.us
- // @connect wcgisweb.washoecounty.us
- // @connect wcoh.geopowered.com
- // @connect web.binghamid.gov
- // @connect web2.co.ottertail.mn.us
- // @connect web2.kcsgis.com
- // @connect web3.kcsgis.com
- // @connect web4.kcsgis.com
- // @connect web5.kcsgis.com
- // @connect webadaptor.glynncounty-ga.gov
- // @connect webgis.bedfordcountyva.gov
- // @connect webgis.co.davidson.nc.us
- // @connect webgis.durhamnc.gov
- // @connect webgis.lafayetteassessor.com
- // @connect webgis.providenceri.gov
- // @connect webgis.waterburyct.org
- // @connect webgis.yorbalindaca.gov
- // @connect webmap.co.jackson.ms.us
- // @connect webmap.jeffparish.net
- // @connect webmap.trueautomation.com
- // @connect webmaps.elkgrovecity.org
- // @connect webmaps.sjcounty.net
- // @connect webportal.co.marquette.wi.us
- // @connect websrv31.clallamcountywa.gov
- // @connect webstergis.integritygis.com
- // @connect wfs.ksdot.org
- // @connect wfs.schneidercorp.com
- // @connect ws.lioservices.lrc.gov.on.ca
- // @connect wvsams.mapwv.org
- // @connect ww1.bucoks.com
- // @connect ww8.yorkmaps.ca
- // @connect www.1stdistrict.org
- // @connect www.adacountyassessor.org
- // @connect www.adamscountyarcserver.com
- // @connect www.ancgis.com
- // @connect www.apps.geomatics.gov.nt.ca
- // @connect www.bartowgis.org
- // @connect www.bcgis.com
- // @connect www.bcpao.us
- // @connect www.centralilmaps.com
- // @connect www.cmbgis.com
- // @connect www.colesco.illinois.gov
- // @connect www.ctgismaps2.ct.gov
- // @connect www.denvergov.org
- // @connect www.dmcwebgis.com
- // @connect www.efsedge.com
- // @connect www.finneycountygis.com
- // @connect www.franklinmo.net
- // @connect www.gcgis.org
- // @connect www.gfgis.com
- // @connect www.gis.hctx.net
- // @connect www.gis.sjcfl.us
- // @connect www.gismidwest.com
- // @connect www.gisonline.ms.gov
- // @connect www.greenwoodsc.gov
- // @connect www.hernandocountygis-florida.us
- // @connect www.hogarcmaps.org
- // @connect www.horrycountysc.gov
- // @connect www.landmarkgeospatial.com
- // @connect www.laurenscountygis.org
- // @connect www.mcgisweb.org
- // @connect www.mchenrycountygis.org
- // @connect www.midmogis.org
- // @connect www.monroegis.org
- // @connect www.mymanatee.org
- // @connect www.ocgis.com
- // @connect www.portlandmaps.com
- // @connect www.rdcogis.com
- // @connect www.sciotocountyengineer.org
- // @connect www.semogis.com
- // @connect www.sgrcmaps.com
- // @connect www.sjmap.org
- // @connect www.smithcountymapsite.org
- // @connect www.tgisites.com
- // @connect www.valorgis.com
- // @connect www.waynecounty.com
- // @connect www.webgis.net
- // @connect www.yamhillcountygis.com
- // @connect www1.cityofwebster.com
- // @connect www2.ci.lancaster.oh.us
- // @connect www2.pottcounty.org
- // @connect www3.multco.us
- // @connect www7.co.union.oh.us
- // @connect xara1-4.cityofpetaluma.net
- // @connect xmaps.indy.gov
- // ==/UserScript==
-
- /* global WazeWrap, _, turf, ESTreeProcessor, bootstrap, OpenLayers, wmeGisLBBOX */
-
- (async function main() {
- 'use strict';
-
- // **************************************************************************************************************
- // IMPORTANT: Update this when releasing a new version of script
- // **************************************************************************************************************
- const SHOW_UPDATE_MESSAGE = true;
- const SCRIPT_VERSION_CHANGES = [
- 'Minor update: 2025.08.10.00',
- 'Layer definitions now load via Google Sheets Visualization API (/gviz endpoint).',
- 'No more API key or referrer restrictions so loading is more reliable in all browsers.',
- 'Fixes issues caused by privacy extensions/content blockers (like AdGuard).',
- ];
-
- const GF_URL = 'https://greasyfork.org/scripts/369632-wme-gis-layers';
- // Used in tooltips to tell people who to report issues to. Update if a new author takes ownership of this script.
- const SCRIPT_AUTHOR = 'MapOMatic / JS55CT';
- const REQUEST_FORM_URL = 'https://docs.google.com/forms/d/e/1FAIpQLSevPQLz2ohu_LTge9gJ9Nv6PURmCmaSSjq0ayOJpGdRr2xI0g/viewform?usp=pp_url&entry.2116052852={username}';
- const DEFAULT_LAYER_NAME = 'GIS Layers - Default';
- const ROAD_LAYER_NAME = 'GIS Layers - Roads';
-
- /**
- * @typedef {Object} StyleDefinition
- * @property {string} [fillColor]
- * @property {number} [pointRadius]
- * @property {string} [label]
- * @property {number} [fillOpacity]
- * @property {string} [strokeColor]
- * @property {number} [strokeOpacity]
- * @property {number} [strokeWidth]
- * @property {string} [fontColor]
- * @property {number|string} [fontSize]
- * @property {string} [labelOutlineColor]
- * @property {number|string} [labelOutlineWidth]
- * @property {string} [fontWeight]
- * @property {number} [labelYOffset]
- * @property {string} [labelAlign]
- * @property {string} [pathLabel]
- * @property {boolean} [labelSelect]
- * @property {string|number} [pathLabelYOffset]
- * @property {string|number} [pathLabelCurve]
- * @property {string|number} [pathLabelReadable]
- * @property {boolean} [stroke]
- */
- /** @type {StyleDefinition} */
- const DEFAULT_STYLE = {
- fillColor: '#000',
- pointRadius: 4,
- label: '${getLabel}',
- fillOpacity: 0.95,
- strokeColor: '#ffa500',
- strokeOpacity: 0.95,
- strokeWidth: 1.5,
- fontColor: '#ffc520',
- fontSize: '13',
- labelOutlineColor: 'black',
- labelOutlineWidth: 3,
- };
-
- /** @type {Object.<string, StyleDefinition>} */
- const LAYER_STYLES = {
- cities: {
- fillOpacity: 0.3,
- fillColor: '#f65',
- strokeColor: '#f65',
- fontColor: '#f62',
- },
- forests_parks: {
- fillOpacity: 0.4,
- fillColor: '#585',
- strokeColor: '#484',
- fontColor: '#8b8',
- },
- milemarkers: {
- strokeColor: '#fff',
- fontColor: '#fff',
- fontWeight: 'bold',
- fillOpacity: 0,
- labelYOffset: 10,
- pointRadius: 2,
- fontSize: 12,
- },
- parcels: {
- fillOpacity: 0,
- fillColor: '#ffa500',
- },
- points: {
- strokeColor: '#000',
- fontColor: '#0ff',
- fillColor: '#0ff',
- labelYOffset: -10,
- labelAlign: 'ct',
- },
- post_offices: {
- strokeColor: '#000',
- fontColor: '#f84',
- fillColor: '#f84',
- fontWeight: 'bold',
- labelYOffset: -10,
- labelAlign: 'ct',
- },
- state_parcels: {
- fillOpacity: 0,
- strokeColor: '#e62',
- fillColor: '#e62',
- fontColor: '#e73',
- },
- state_points: {
- strokeColor: '#000',
- fontColor: '#3cf',
- fillColor: '#3cf',
- labelYOffset: -10,
- labelAlign: 'ct',
- },
- road_labels: {
- strokeOpacity: 0,
- fillOpacity: 0,
- fontColor: '#faf',
- },
- structures: {
- fillOpacity: 0,
- strokeColor: '#f7f',
- fontColor: '#f7f',
- },
- };
- /** @type {StyleDefinition} */
- let ROAD_STYLE = {
- pointRadius: 12,
- fillColor: '#369',
- pathLabel: '${getLabel}',
- label: '',
- fontColor: '#faf',
- labelSelect: true,
- pathLabelYOffset: '${getOffset}',
- pathLabelCurve: '${getSmooth}',
- pathLabelReadable: '${getReadable}',
- labelAlign: '${getAlign}',
- labelOutlineWidth: 3,
- labelOutlineColor: '#000',
- strokeWidth: 3,
- stroke: true,
- strokeColor: '#f0f',
- strokeOpacity: 0.4,
- fontWeight: 'bold',
- fontSize: 11,
- };
-
- /**
- * Common regexes used for label cleansing/transformation.
- * @type {Object.<string, RegExp>}
- */
- const _regexReplace = {
- // Strip leading zeros or blank full label for any label starting with a non-digit or
- // is a Zero Address, use with '' as replace.
- r0: /^(0+(\s.*)?|\D.*)/,
- // Strip Everything After Street Type to end of the string by use $1 and $2 capture
- // groups, use with replace '$1$2'
- // eslint-disable-next-line max-len
- r1: /^(.* )(Ave(nue)?|Dr(ive)?|St(reet)?|C(our)?t|Cir(cle)?|Blvd|Boulevard|Pl(ace)?|Ln|Lane|Fwy|Freeway|R(oa)?d|Ter(r|race)?|Tr(ai)?l|Way|Rte \d+|Route \d+)\b.*/gi,
- // Strip SPACE 5 Digits from end of string, use with replace ''
- r2: /\s\d{5}$/,
- // Strip Everything after a "~", ",", ";" to the end of the string, use with replace ''
- r3: /(~|,|;|\s?\r\n).*$/,
- // Move the digits after the last space to before the rest of the string using, use with
- // replace '$2 $1'
- r4: /^(.*)\s(\d+).*/,
- // Insert newline between digits (including "-") and everything after the digits,
- // except(and before) a ",", use with replace '$1\n$2'
- r5: /^([-\d]+)\s+([^,]+).*/,
- // Insert newline between digits and everything after the digits, use with
- // replace '$1\n$2'
- r6: /^(\d+)\s+(.*)/,
- };
-
- /**
- * @typedef {Object} GisLayer
- * @property {string} id - Unique identifier for the GIS layer.
- * @property {number} enabled - 1 if the layer is enabled, 0 otherwise.
- * @property {string} name - Human-readable name of the layer.
- * @property {string} country - Country ISO code associated with the layer (uppercased).
- * @property {string} subL1 - Subdivision level 1 code (uppercased).
- * @property {string[]} [subL2] - Optional array of subdivision level 2 names (parsed from comma-separated string).
- * @property {string} url - Service URL for the GIS layer.
- * @property {string} [where] - Optional SQL/query filter string.
- * @property {string[]} [labelFields] - Array of label field names (parsed, or [''] if missing).
- * @property {string} [processLabel] - Optional label processing JavaScript code (as a string).
- * @property {boolean} [labelProcessingError] - True if an error occurred while compiling processLabel.
- * @property {Object|string} [style] - Style object (parsed from JSON) or "roads" for road layers.
- * @property {boolean} [isRoadLayer] - True if the style is set to "roads".
- * @property {number|null} [visibleAtZoom] - Minimum zoom level at which the layer is visible (or null).
- * @property {number|null} [labelsVisibleAtZoom] - Minimum zoom level at which labels are visible (or null).
- * @property {string} [restrictTo] - Restriction rules for this layer (parsed for "notAllowed").
- * @property {boolean} [notAllowed] - True if restrictions disallow the current user (based on restrictTo).
- * @property {string} [oneTimeAlert] - One-time alert message for this layer.
- * @property {string} [platform] - Detected service platform (e.g., "ArcGIS", "SocrataV2", "SocrataV3", "Other").
- * @property {string} countrySubL1 - Computed country and SubL1 code combined (e.g., "USA-CALIFORNIA").
- */
- /** @type {GisLayer[]} */
- let _gisLayers = [];
-
- /**
- * Information about a single country in results.
- * @typedef {object} WhatsInViewCountry
- * @property {string} ISO_ALPHA2
- * @property {string} ISO_ALPHA3
- * @property {number} Sub_level
- * @property {string} [source]
- * @property {Object<string, Object>|Object} subL1
- * Intersecting subdivisions (states/counties/etc). Structure depends on country and precision.
- */
-
- /**
- * Main return type for whatsInView.
- * - Keys are country names, values are country info objects.
- * @typedef {Object.<string, WhatsInViewCountry>} WhatsInViewResult
- */
-
- /** @type {WhatsInViewResult} */
- let _whatsInView = {};
-
- /** @type {Set<string>} Set of ISO_ALPHA3 country codes already loaded */
- const alreadyLoadedCountries = new Set();
-
- /** @type {Set<string>} Set of subdivision (subL1_id) codes already loaded */
- const alreadyLoadedSubL1 = new Set();
-
- /**
- * @typedef {object} ViewportBBox
- * @property {number} minLon
- * @property {number} minLat
- * @property {number} maxLon
- * @property {number} maxLat
- */
- /**
- * @typedef {object} wmeGisLBBOX
- * @property {(url: string) => Promise<object>} fetchJsonWithCache
- * @property {(viewportBbox: ViewportBBox) => Promise<Array<{ISO_ALPHA2:string, ISO_ALPHA3:string, name:string, Sub_level:number, source:string}>>} getIntersectingCountries
- * @property {() => Promise<Object>} getCountriesAndSubsJson
- * @property {(intersectingCountries: Object) => void} cleanIntersectingData
- * @property {(countyCode: string, subCode: string, subSubCode: string, viewportBbox: ViewportBBox, returnGeoJson?: boolean) => Promise<boolean|Object>} fetchAndCheckGeoJsonIntersection
- * @property {(viewportBbox: ViewportBBox, highPrecision?: boolean, returnGeoJson?: boolean) => Promise<Object>} getIntersectingStatesAndCounties
- * @property {(countryObj: Object, viewportBbox: ViewportBBox) => Promise<Object>} getIntersectingSubdivisions
- * @property {(viewportBbox: ViewportBBox, highPrecision?: boolean, returnGeoJson?: boolean) => Promise<Object>} whatsInView
- */
- /** @type {wmeGisLBBOX} */
- const WmeGisLBBOX = new wmeGisLBBOX(); // Create and reuse this instance as wmeGisLBBOX uses an instance-level cache (i.e., this.cache)
-
- /**
- * Maps a string key (`countryId-countryId` or `countryId-subdivisionId`) to a full name string.
- * Example keys: "US-US", "US-CA", etc.
- * Example values: "US - United States", "US - California", etc.
- * @type {Object.<string, string>}
- */
- let countrySubdivisionMapping = {};
-
- /**
- * Asynchronously builds a mapping from 'countryId-subdivisionId' identifiers to their respective names.
- *
- * Retrieves country and subdivision data using WmeGisLBBOX.getCountriesAndSubsJson(),
- * iterates over the data, and constructs an object where each key is a combination of
- * country and subdivision IDs and each value is the corresponding name ("US - California").
- *
- * @returns {Promise<Object.<string, string>>} Resolves to the mapping object.
- */
- async function buildCountrySubdivisionMapping() {
- const countriesAndSubs = await WmeGisLBBOX.getCountriesAndSubsJson();
- for (const [countryId, countryData] of Object.entries(countriesAndSubs)) {
- const countryName = countryData.name;
-
- // Add country itself with key 'countryId-countryId'
- countrySubdivisionMapping[`${countryId}`] = countryName;
- countrySubdivisionMapping[`${countryId}-${countryId}`] = `${countryId} - ${countryName}`;
-
- if (countryData.subL1) {
- for (const [subId, subData] of Object.entries(countryData.subL1)) {
- const subName = subData.name;
- const key = `${countryId}-${subId}`;
- const value = `${countryId} - ${subName}`;
- countrySubdivisionMapping[key] = value;
- }
- }
- }
- return countrySubdivisionMapping;
- }
-
- /**
- * Helper for mapping between country-subdivision keys and their full names.
- */
- const NameMapper = {
- /**
- * Converts a full name ("US - California") to its key ("US-CA").
- * @param {string} fullName - Full name to convert.
- * @returns {string|undefined} Matching key, or undefined if not found.
- */
- toKey(fullName) {
- return Object.entries(countrySubdivisionMapping).find(([, value]) => value === fullName)?.[0];
- },
-
- /**
- * Converts a key ("US-CA") to its full name ("US - California").
- * @param {string} key
- * @returns {string} The corresponding full name or undefined.
- */
- toFullName(key) {
- return countrySubdivisionMapping[key];
- },
-
- /**
- * Returns all full names in the mapping.
- * @returns {Array<string>} Array of all full names.
- */
- toFullNameArray() {
- return Object.values(countrySubdivisionMapping);
- },
-
- /**
- * Returns all keys in the mapping.
- * @returns {Array<string>} Array of all keys.
- */
- toKeyArray() {
- return Object.keys(countrySubdivisionMapping);
- },
- };
-
- /** @type {number} */
- const DEFAULT_VISIBLE_AT_ZOOM = 18;
- /** @type {string} */
- const SETTINGS_STORE_NAME = 'wme_gis_layers_fl';
- /** @type {string} */
- const scriptName = GM_info.script.name;
- /** @type {string} */
- const scriptVersion = GM_info.script.version;
- /** @type {string} */
- const downloadUrl = 'https://greasyfork.org/scripts/369632-wme-gis-layers/code/WME%20GIS%20Layers.user.js';
-
- /**
- * @typedef {Object} ScriptUpdateMonitorArgs
- * @property {string} [scriptVersion]
- * @property {string} downloadUrl
- * @property {string} [metaUrl]
- * @property {RegExp} [metaRegExp]
- */
-
- /**
- * @typedef {Object} BootstrapArgs
- * @property {string} [scriptName]
- * @property {string} [scriptId]
- * @property {boolean} [useWazeWrap=false]
- * @property {ScriptUpdateMonitorArgs} [scriptUpdateMonitor]
- * @property {(wmeSdk: Object) => void} [callback]
- */
-
- /**
- * Initializes WME SDK and starts ScriptUpdateMonitor using bootstrap().
- * @type {Object}
- */
- const sdk = await bootstrap(
- /** @type {BootstrapArgs} */ ({
- scriptUpdateMonitor: { downloadUrl },
- })
- );
-
- /**
- * @typedef {Object} Offset
- * @property {number} x - X pixel offset
- * @property {number} y - Y pixel offset
- */
-
- /**
- * @typedef {Object} LayerSettings
- * @property {Offset=} offset - Optional XY offset for a layer.
- */
-
- /**
- * @typedef {Object} LayerGroupSettings
- * @property {Array<string>} selectedSubL1 - Array of selected sub-L1 region codes.
- * @property {Array<string>} visibleLayers - Array of visible layer IDs in this group.
- * @property {Object.<string, boolean>} collapsedSections - Map of section names to collapsed state (can be empty).
- * @property {string} addrLabelDisplay - Address label display mode ("all" in this sample).
- * @property {boolean} fillParcels - Whether to fill parcels in this group.
- */
-
- /**
- * @typedef {Object} Settings
- * @property {string} lastVersion - The last version number this script saw, e.g., "2025.08.01.000".
- * @property {Array<string>} visibleLayers - Array of visible layer IDs.
- * @property {boolean} onlyShowApplicableLayers - Whether to show only applicable layers.
- * @property {boolean} onlyShowApplicableLayersZoom - Restrict showing applicable layers to a certain zoom.
- * @property {Array<string>} selectedSubL1 - Selected sub-L1 region codes (e.g., ["CAN-CAN", "USA-CT"]).
- * @property {boolean} enabled - Whether this script is enabled.
- * @property {boolean} fillParcels - Whether to fill parcel polygons.
- * @property {Object.<string, number>} oneTimeAlerts - Map of alert keys to offset numbers (possibly UNIX timestamps or magic numbers).
- * @property {Object.<string, LayerSettings>} layers - Map of layer IDs to layer settings.
- * @property {Object.<string, string>} shortcuts - Map of shortcut IDs to key combo strings, e.g. "2,67".
- * @property {boolean} isPopupVisible - Is the config/settings popup currently visible.
- * @property {boolean} useAcronyms - Whether to use acronyms for certain values.
- * @property {boolean} useTitleCase - Whether to use title case in labels.
- * @property {boolean} useStateHwy - Whether to use "State Hwy" format for roads.
- * @property {boolean} removeNewLines - Whether to remove new lines from names/labels.
- * @property {Object.<string, boolean>} collapsedSections - Map of section names (region codes, etc) to collapsed state.
- * @property {Object.<string, LayerGroupSettings>} layerGroups - Map of group names to per-group settings.
- * @property {string} addrLabelDisplay - Display mode for address labels ("all" in this sample).
- * @property {string} socrataAppToken - Token for Socrata API access.
- * @property {string} [toggleHnsOnlyShortcut] - legacy, only present Pre SDK migration, moved to shortcuts.toggleHnsOnlyShortcut
- * @property {string} [toggleEnabledShortcut] - legacy, only present Pre SDK migration, moved to shortcuts.toggleEnabledShortcut
- *
- * @property {(layerID: string, settingName: string) => *} getLayerSetting - Get a setting for a layer.
- * @property {(layerID: string, settingName: string, value: *) => void} setLayerSetting - Set a setting for a layer.
- * @property {(layerID: string, settingName?: string) => void} removeLayerSetting - Remove a setting or a whole layer.
- */
-
- /**
- * User and UI settings for script, with utility methods.
- * @type {Settings }
- */
- let settings = /** @type {any} */ ({});
-
- /** @type {boolean} */
- let ignoreFetch = false;
-
- /**
- * @typedef {Object} LastToken
- * @property {boolean} cancel - Set to true to request the operation to cancel.
- * @property {Array} features - Array of features being processed.
- * @property {number} layersProcessed - Number of layers processed.
- */
-
- /**
- * Tracks the current in-progress async request and provides control/status.
- * @type {LastToken}
- */
- let lastToken = { cancel: false, features: [], layersProcessed: 0 };
-
- /**
- * @typedef {Object} UserSession
- * @property {boolean} isAreaManager
- * @property {boolean} isCountryManager
- * @property {number} rank
- * @property {string} userName
- */
-
- /** @type {UserSession|null} */
- let userInfo = null;
-
- // Variables to store Label popup position and selected layer
- /** @type {Object.<string, Set<string>>} */
- const layerLabels = {};
- /** @type {boolean} */
- let isPopupVisible = false;
- /** @type {{left: string, top: string}} */
- const popupPosition = { left: '50%', top: '50%' };
- /** @type {string | null} */
- let popupActiveLayer = null;
- /** @type {boolean} */
- let useAcronyms = false;
- /** @type {boolean} */
- let useTitleCase = false;
- /** @type {boolean} */
- let useStateHwy = false;
- /** @type {boolean} */
- let removeNewLines = false;
-
- /** @type {boolean} */
- const DEBUG = true;
-
- /**
- * Error logging utility.
- * @param {string} message
- * @param {...any} args
- */
- function logError(message, ...args) {
- console.error(`${scriptName}:`, message, ...args);
- }
-
- /**
- * Logs a debug message if DEBUG is enabled.
- * @param {string} message
- * @param {...any} args
- */
- function logDebug(message, ...args) {
- if (DEBUG) console.debug(`${scriptName}:`, message, ...args);
- }
-
- let _layerSettingsDialog;
-
- /**
- * Dialog for configuring GIS layer settings in the UI.
- * Provides shift controls, visibility at zoom, and offset reset.
- */
- class LayerSettingsDialog {
- #gisLayer;
- #minVisibleAtZoom = 12;
- #maxVisibleAtZoom = 22;
- #titleText;
- #visibleAtZoomInput;
-
- constructor() {
- this.#titleText = $('<span>');
-
- const closeButton = $('<span>', {
- style: 'cursor:pointer;padding-left:14px;font-size:20px;color:#eaf6ff;float:right;',
- class: 'fa fa-window-close',
- title: 'Close',
- }).on('click', () => this.#onCloseButtonClick());
-
- const shiftUpButton = LayerSettingsDialog.#createShiftButton('fa-angle-up').on('click', () => this.#onShiftButtonClick(0, 1));
- const shiftLeftButton = LayerSettingsDialog.#createShiftButton('fa-angle-left').on('click', () => this.#onShiftButtonClick(-1, 0));
- const shiftRightButton = LayerSettingsDialog.#createShiftButton('fa-angle-right').on('click', () => this.#onShiftButtonClick(1, 0));
- const shiftDownButton = LayerSettingsDialog.#createShiftButton('fa-angle-down').on('click', () => this.#onShiftButtonClick(0, -1));
- const resetOffsetButton = $('<button>', {
- class: 'form-control',
- style:
- 'height: 26px; width: auto; padding: 2px 12px 2px 12px; display: inline-block; float: right; font-weight:bold;background:#4d6a88;color:#eaf6ff;border-radius:5px;border:1px solid #4d6a88;margin-left:4px;',
- })
- .text('Reset')
- .on('click', () => this.#onResetOffsetButtonClick());
-
- this._dialogDiv = $('<div>', {
- style:
- // Modern blue theme & rounded & drop shadow
- 'position: fixed; top: 15%; left: 400px; width: 235px; z-index: 100; background: #73a9bd;' +
- 'border-width: 1px; border-style: solid; border-radius: 14px; box-shadow: 5px 6px 14px rgba(0,0,0,0.58);' +
- 'border-color: #50667b; padding: 0; font-family: inherit;',
- }).append(
- $('<div>').append(
- // HEADER
- $('<div>', {
- style: 'border-radius:14px 14px 0px 0px; padding: 5px 5px 5px 5px; color: #fff; background:#4d6a88;font-weight: bold; text-align:left; font-size:17px;',
- }).append(this.#titleText, closeButton),
- // BODY
- $('<div>', { style: 'padding: 5px 5px 5px 5px;' }).append(
- $('<div>', {
- style: 'border-radius: 7px; width: 100%; padding:8px 6px 10px 8px; background:#d6e6f3; margin-bottom:6px; margin-right:0; box-sizing:border-box;',
- }).append(
- resetOffsetButton,
- $('<input>', {
- type: 'radio',
- id: 'gisLayerShiftAmt1',
- name: 'gisLayerShiftAmt',
- value: '1',
- checked: 'checked',
- style: 'margin-left:4px;accent-color:#4d6a88;',
- }),
- $('<label>', { for: 'gisLayerShiftAmt1', style: 'margin-right:8px;margin-left:2px;color:#4d6a88;font-weight:600;font-size:13px;' }).text('1m'),
- $('<input>', {
- type: 'radio',
- id: 'gisLayerShiftAmt10',
- name: 'gisLayerShiftAmt',
- value: '10',
- style: 'margin-left: 6px;accent-color:#4d6a88;',
- }),
- $('<label>', { for: 'gisLayerShiftAmt10', style: 'color:#4d6a88;font-weight:600;font-size:13px;' }).text('10m'),
- $('<div>', { style: 'padding: 6px 0 0 0;' }).append(
- $('<table>', { style: 'table-layout:fixed; width:70px; height:84px; margin:auto;' }).append(
- $('<tr>').append($('<td>', { align: 'center', style: 'width:20px;height:28px;' }), $('<td>', { align: 'center', style: 'width:20px;' }).append(shiftUpButton), $('<td>')),
- $('<tr>').append($('<td>', { align: 'center' }).append(shiftLeftButton), $('<td>', { align: 'center' }), $('<td>', { align: 'center' }).append(shiftRightButton)),
- $('<tr>').append($('<td>', { align: 'center' }), $('<td>', { align: 'center' }).append(shiftDownButton), $('<td>', { align: 'center' }))
- )
- )
- ),
- $('<div>', {
- style: 'border-radius: 7px; width:100%; padding:12px 8px 8px 10px; margin-top:2px; background: #d6e6f3; margin-right:0px;box-sizing:border-box;',
- }).append(
- $('<div>', { style: 'display: flex; justify-content: flex-end; margin-bottom: 8px;' }).append(
- $('<button>', {
- class: 'form-control',
- style: 'height: 26px; width:auto;padding: 2px 12px 2px 12px; background:#4d6a88;color:#eaf6ff;border:1px solid #4d6a88;font-weight:bold;border-radius:5px;',
- })
- .text('Reset')
- .on('click', this.#onResetVisibleAtZoomClick.bind(this))
- ),
- $('<div>').append(
- $('<label>', { for: 'visible-at-zoom-input', style: 'font-size:14px;font-weight:bold;color:#4d6a88;' }).text('Visible at zoom:'),
- (this.#visibleAtZoomInput = $('<input>', {
- type: 'number',
- id: 'visible-at-zoom-input',
- min: this.#minVisibleAtZoom,
- max: this.#maxVisibleAtZoom,
- style: 'margin-left: 6px; width:46px;font-size:13px;border-radius:3px;',
- }).change((v) => this.#onVisibleAtZoomChange(v)))
- ),
- $('<div>', { style: 'font-size: 12.5px; color: #4d6a88; margin-top:5px;white-space:pre-line;text-align:left;' }).text(
- 'Pan or zoom the map to refresh after changing.\n\nSetting this value too low may cause performance issues.'
- )
- )
- )
- )
- );
-
- this.hide();
- this._dialogDiv.appendTo('body');
-
- if (typeof jQuery.ui !== 'undefined') {
- const that = this;
- this._dialogDiv.draggable({
- stop() {
- that._dialogDiv.css('height', '');
- },
- });
- }
- }
-
- get gisLayer() {
- return this.#gisLayer;
- }
-
- set gisLayer(value) {
- if (value !== this.#gisLayer) {
- this.#gisLayer = value;
- this.#titleText.text(this.#gisLayer.name);
- this.#initVisibleAtZoomInput();
- }
- }
-
- #initVisibleAtZoomInput() {
- this.#visibleAtZoomInput.val(getGisLayerVisibleAtZoom(this.#gisLayer));
- }
-
- getShiftAmount() {
- return $('input[name=gisLayerShiftAmt]:checked').val();
- }
-
- show() {
- this._dialogDiv.show();
- }
-
- hide() {
- this._dialogDiv.hide();
- }
-
- #onResetVisibleAtZoomClick() {
- settings.removeLayerSetting(this.#gisLayer.id, 'visibleAtZoom');
- this.#initVisibleAtZoomInput();
- }
-
- #onCloseButtonClick() {
- this.hide();
- }
-
- #onVisibleAtZoomChange() {
- const min = this.#minVisibleAtZoom;
- const max = this.#maxVisibleAtZoom;
- let value = parseInt(this.#visibleAtZoomInput.val(), 10);
-
- if (value < min) {
- value = min;
- this.#visibleAtZoomInput.val(value);
- } else if (value > max) {
- value = max;
- this.#visibleAtZoomInput.val(value);
- }
-
- settings.setLayerSetting(this.#gisLayer.id, 'visibleAtZoom', value);
- saveSettingsToStorage();
- }
-
- #onShiftButtonClick(x, y) {
- const shiftAmount = this.getShiftAmount();
- x *= shiftAmount;
- y *= shiftAmount;
- this.#shiftLayerFeatures(x, y);
- const { id } = this.gisLayer;
- let offset = settings.getLayerSetting(id, 'offset');
- if (!offset) {
- offset = { x: 0, y: 0 };
- settings.setLayerSetting(id, 'offset', offset);
- }
- offset.x += x;
- offset.y += y;
- saveSettingsToStorage();
- }
-
- #onResetOffsetButtonClick() {
- const offset = settings.getLayerSetting(this.gisLayer.id, 'offset');
- if (offset) {
- this.#shiftLayerFeatures(offset.x * -1, offset.y * -1);
- settings.removeLayerSetting(this.gisLayer.id, 'offset');
- saveSettingsToStorage();
- }
- }
-
- #shiftLayerFeatures(x, y) {
- //Given the inputs have been updated to Degrees, shifting by meters still makes sense and works.
- const { isRoadLayer } = this.gisLayer;
- let featureCollection = isRoadLayer ? roadFeatures : defaultFeatures;
- const { distance, bearing } = LayerSettingsDialog.#calculateDistanceAndBearing(x, y);
- featureCollection = featureCollection.filter((f) => f.properties.layerID === this.gisLayer.id).map((f) => turf.transformTranslate(f, distance, bearing, { units: 'meters' }));
- if (isRoadLayer) {
- roadFeatures = featureCollection;
- } else {
- defaultFeatures = featureCollection;
- }
- const layerName = isRoadLayer ? ROAD_LAYER_NAME : DEFAULT_LAYER_NAME;
- const featureIds = featureCollection.map((f) => f.id);
- sdk.Map.removeFeaturesFromLayer({ layerName, featureIds });
- sdk.Map.addFeaturesToLayer({ layerName, features: featureCollection });
- }
-
- /**
- * Calculates the total distance and bearing from X and Y meter offsets.
- * @param {number} dx_meters - X offset in meters (east/west).
- * @param {number} dy_meters - Y offset in meters (north/south).
- * @returns {{distance: number, bearing: number}}
- */
- static #calculateDistanceAndBearing(dx_meters, dy_meters) {
- const distance = Math.sqrt(dx_meters ** 2 + dy_meters ** 2);
-
- // Calculate bearing in radians
- // Math.atan2(y, x) returns angle in radians between -PI and PI
- // Need to adjust to be 0-360 degrees clockwise from North
- const bearing_rad = Math.atan2(dx_meters, dy_meters); // dx_meters is 'x' (east), dy_meters is 'y' (north)
-
- // Convert to degrees and adjust for 0-360, clockwise from North
- let bearing_deg = bearing_rad * (180 / Math.PI);
- bearing_deg = (bearing_deg + 360) % 360; // Ensure positive and within 0-360 range
-
- return { distance, bearing: bearing_deg };
- }
-
- static #createShiftButton(fontAwesomeClass) {
- return $('<button>', {
- class: 'form-control',
- style:
- 'cursor:pointer;font-size:15px;padding: 3px;border-radius: 8px;width: 25px;height: 25px;background:#eaf6ff;border:1px solid #8ea0b7;color:#4d6a88;box-shadow:0 1.5px 4px #b6d0eb66;margin:1.5px;',
- }).append($('<i>', { class: 'fa', style: 'vertical-align: middle;font-size:16px;' }).addClass(fontAwesomeClass));
- }
- }
-
- function loadSettingsFromStorage() {
- const defaultSettings = {
- lastVersion: '',
- visibleLayers: [],
- onlyShowApplicableLayers: false,
- onlyShowApplicableLayersZoom: false,
- selectedSubL1: [],
- enabled: true,
- fillParcels: false,
- oneTimeAlerts: {},
- layers: {},
- shortcuts: {},
- isPopupVisible: false,
- useAcronyms: false,
- useTitleCase: false,
- useStateHwy: false,
- removeNewLines: false,
- collapsedSections: {},
- layerGroups: {},
- addrLabelDisplay: 'all',
- socrataAppToken: '',
- getLayerSetting: function () {
- return undefined;
- },
- setLayerSetting: function () {},
- removeLayerSetting: function () {},
- };
-
- let loadedSettings = {};
- let migrated = false; // Track if any migration occurred
- const storedSettings = localStorage.getItem(SETTINGS_STORE_NAME);
-
- if (storedSettings) {
- try {
- const parsed = JSON.parse(storedSettings);
- if (parsed && typeof parsed === 'object') {
- loadedSettings = parsed;
- } else {
- logDebug(`Stored settings under key "${SETTINGS_STORE_NAME}" were not a valid object.`);
- }
- } catch (e) {
- logError(`Failed to parse settings from localStorage key "${SETTINGS_STORE_NAME}":`, e);
- }
- }
-
- // ---- MIGRATION: old selectedStates -> selectedSubL1 ----
- if (loadedSettings.selectedStates && Array.isArray(loadedSettings.selectedStates)) {
- if (!Array.isArray(loadedSettings.selectedSubL1)) loadedSettings.selectedSubL1 = [];
- loadedSettings.selectedStates.forEach((stateCode) => {
- const converted = `USA-${stateCode}`;
- if (!loadedSettings.selectedSubL1.includes(converted)) {
- loadedSettings.selectedSubL1.push(converted);
- }
- });
- delete loadedSettings.selectedStates;
- migrated = true;
- logDebug('Migrated legacy selectedStates to selectedSubL1');
- }
-
- // --- MERGE with defaults ---
- settings = { ...defaultSettings, ...loadedSettings };
-
- // --- Save if migrated ---
- if (migrated) {
- saveSettingsToStorage();
- logDebug('Settings saved after migration');
- }
-
- // --- Assign globals ---
- isPopupVisible = settings.isPopupVisible;
- useAcronyms = settings.useAcronyms;
- useTitleCase = settings.useTitleCase;
- useStateHwy = settings.useStateHwy;
- removeNewLines = settings.removeNewLines;
-
- // --- Utility layer functions ---
- settings.getLayerSetting = function getLayerSetting(layerID, settingName) {
- const layerSettings = this.layers[layerID];
- if (!layerSettings) {
- return undefined;
- }
- return layerSettings[settingName];
- };
-
- settings.setLayerSetting = function setLayerSetting(layerID, settingName, value) {
- let layerSettings = this.layers[layerID];
- if (!layerSettings) {
- layerSettings = {};
- this.layers[layerID] = layerSettings;
- }
- layerSettings[settingName] = value;
- };
-
- // Remove an individual setting or the entire layer if no settingName
- settings.removeLayerSetting = function removeLayerSetting(layerID, settingName) {
- if (typeof settingName === 'undefined') {
- // Remove the entire layer settings block
- delete this.layers[layerID];
- } else {
- const layerSettings = this.layers[layerID];
- if (layerSettings) {
- delete layerSettings[settingName];
- // If the layerSettings object is now empty, remove the layer entirely
- if (Object.keys(layerSettings).length === 0) {
- delete this.layers[layerID];
- }
- }
- }
- };
-
- // --- Legacy shortcut keys migration ---
- if (settings.toggleHnsOnlyShortcut) {
- settings.shortcuts.toggleHnsOnly = settings.toggleHnsOnlyShortcut;
- delete settings.toggleHnsOnlyShortcut;
- }
- if (settings.toggleEnabledShortcut) {
- settings.shortcuts.toggleEnabled = settings.toggleEnabledShortcut;
- delete settings.toggleEnabledShortcut;
- }
- }
-
- /**
- * Saves current application settings and shortcut definitions to localStorage.
- * Serializes the `settings` object and stores under the key `SETTINGS_STORE_NAME`.
- *
- * @typedef {Object} Shortcut
- * @property {string} shortcutId - Unique identifier for the shortcut.
- * @property {string} shortcutKeys - Key combination for activating the shortcut.
- *
- * @returns {void}
- */
- function saveSettingsToStorage() {
- settings.shortcuts = {};
-
- /** @type {Shortcut[]} */
- const shortcuts = sdk.Shortcuts.getAllShortcuts();
-
- shortcuts.forEach(
- /** @param {Shortcut} shortcut */
- (shortcut) => {
- settings.shortcuts[shortcut.shortcutId] = shortcut.shortcutKeys;
- }
- );
-
- settings.lastVersion = scriptVersion;
- settings.isPopupVisible = isPopupVisible;
- settings.useAcronyms = useAcronyms;
- settings.useTitleCase = useTitleCase;
- settings.useStateHwy = useStateHwy;
- settings.removeNewLines = removeNewLines;
-
- localStorage.setItem(SETTINGS_STORE_NAME, JSON.stringify(settings));
- logDebug('Settings saved');
- }
-
- /**
- * Returns the maximum allowable offset (in degrees) for a given map zoom level.
- * If no matching zoom level is found, uses the most detailed (22).
- * @param {number} zoomLevel
- * @returns {number}
- */
- function getMaxAllowableOffsetForZoom(zoomLevel) {
- const zoomToOffsetMap = {
- 12: 0.0009, // ~100 meters
- 13: 0.00045, // ~50 meters
- 14: 0.000225, // ~25 meters
- 15: 0.0001125, // ~12 meters
- 16: 0.000056, // ~6 meters
- 17: 0.000028, // ~3 meters
- 18: 0.000014, // ~1.5 meters
- 19: 0.000007, // ~1 meter
- 20: 0.000007, // ~1 meter
- 21: 0.000007, // ~1 meter
- 22: 0.000007, // ~1 meter
- };
- // Always round to nearest integer for lookup
- const key = Math.round(zoomLevel);
- return zoomToOffsetMap[key] !== undefined ? zoomToOffsetMap[key] : zoomToOffsetMap[22];
- }
-
- /**
- * Build a feature query URL for a GIS layer given a bounding extent and zoom.
- *
- * @param {[number, number, number, number]} extent - [xmin, ymin, xmax, ymax] bounding box in EPSG:4326
- * @param {GisLayer} gisLayer - Layer definition object
- * @param {number} zoom - Display zoom level
- * @returns {string} The fully constructed query URL, or '' on error
- */
- function getUrl(extent, gisLayer, zoom) {
- /**
- * Utility: gets fields or returns empty array
- * @param {unknown} fields
- * @returns {string[]}
- */
- const getFields = (fields) => (Array.isArray(fields) ? fields.slice() : []);
-
- // ----- ArcGIS -----
- if (gisLayer.platform === 'ArcGIS' || !gisLayer.platform) {
- const layerOffset = settings.getLayerSetting(gisLayer.id, 'offset') ?? { x: 0, y: 0 };
- const geometry = {
- xmin: extent[0] - layerOffset.x,
- ymin: extent[1] - layerOffset.y,
- xmax: extent[2] - layerOffset.x,
- ymax: extent[3] - layerOffset.y,
- spatialReference: { wkid: 4326 },
- };
- const maxAllowableOffset = getMaxAllowableOffsetForZoom(zoom);
- const fields = getFields(gisLayer.labelFields).join(',');
-
- const params = [
- `geometry=${encodeURIComponent(JSON.stringify(geometry))}`,
- `outFields=${encodeURIComponent(fields)}`,
- 'returnGeometry=true',
- 'spatialRel=esriSpatialRelIntersects',
- 'geometryType=esriGeometryEnvelope',
- 'inSR=4326',
- 'outSR=4326',
- 'f=json',
- `maxAllowableOffset=${maxAllowableOffset}`,
- gisLayer.where ? `where=${encodeURIComponent(gisLayer.where)}` : '',
- ].filter(Boolean);
-
- const url = `${gisLayer.url}/query?${params.join('&')}`;
- logDebug(`ArcGIS Request URL: ${url}`);
- return url;
- }
-
- //----- Socrata V2 and V3 -----
- if (gisLayer.platform === 'SocrataV2' || gisLayer.platform === 'SocrataV3') {
- const labelFields = getFields(gisLayer.labelFields);
- if (labelFields.length === 0) {
- logDebug("labelFields must have the field name that holds the geometry points as the first element for Socrata URLs! Example: 'location', 'the_geom', 'geometry', etc.");
- return '';
- }
- const geomField = labelFields[0];
-
- // Build bounding box with buffer (north, west, south, east)
- const bufferDeg = 0.001;
- const [xmin, ymin, xmax, ymax] = extent;
- const boxClause = `within_box(${geomField},${ymax + bufferDeg},${xmin - bufferDeg},${ymin - bufferDeg},${xmax + bufferDeg})`;
- const isNotNullClause = `${geomField} IS NOT NULL`;
-
- // User WHERE (if any)
- let customWhere = '';
- if (typeof gisLayer.where === 'string' && gisLayer.where.trim()) {
- customWhere = gisLayer.where.trim();
- }
-
- // ----- V2: SODA -----
- if (gisLayer.platform === 'SocrataV2') {
- const selectClause = labelFields.join(',');
- const whereParts = [];
- if (customWhere) whereParts.push(customWhere);
- whereParts.push(boxClause);
- whereParts.push(isNotNullClause);
- const whereClause = whereParts.length ? `$where=${encodeURIComponent(whereParts.join(' AND '))}` : '';
- const params = [`$select=${encodeURIComponent(selectClause)}`, whereClause, `$limit=3000`].filter(Boolean);
- let urlBase = gisLayer.url + '.geojson';
- const url = urlBase + '?' + params.join('&');
- logDebug(`SocrataV2: Request URL: ${url}`);
- return url;
- }
-
- // ----- V3: "SQL-in-query-param" pattern -----
- if (gisLayer.platform === 'SocrataV3') {
- // V3 only supports SQL-in-query, **not** SoQL style params.
- // Build SQL string: SELECT ..., ... WHERE ... AND ... LIMIT ...
- const selectFieldsList = labelFields.join(', ');
- const whereParts = [];
- if (customWhere) whereParts.push(customWhere);
- whereParts.push(boxClause);
- whereParts.push(isNotNullClause);
- const whereSQL = whereParts.length ? `WHERE ${whereParts.join(' AND ')}` : '';
- const sql = `SELECT ${selectFieldsList} ${whereSQL} LIMIT 3000`;
- let urlBase = gisLayer.url + '/query.geojson';
- // NOTE: URL-encode the entire SQL string as the query's value
- const url = `${urlBase}?query=${encodeURIComponent(sql)}`;
- logDebug(`SocrataV3: Request URL: ${url}`);
- return url;
- }
- }
-
- // ----- Unknown -----
- logDebug('getUrl fallback (no matching platform type found for:', gisLayer);
- return '';
- }
-
- function hashString(value) {
- let hash = 0;
- if (value.length === 0) return hash;
- for (let i = 0; i < value.length; i++) {
- const chr = value.charCodeAt(i);
- // eslint-disable-next-line no-bitwise
- hash = (hash << 5) - hash + chr;
- // eslint-disable-next-line no-bitwise
- hash |= 0; // Convert to 32bit integer
- }
- return hash;
- }
-
- /**
- * Retrieves the current map extent coordinates in the WGS84 projection.
- *
- * @param {'wgs84'|'CRS84'|'4326'|'EPSG:4326'} [projection='wgs84'] - Optional projection name
- * (case-insensitive; allowed values: 'wgs84', 'CRS84', '4326', 'EPSG:4326').
- * @returns {[number, number, number, number]} An array of [leftBottomLongitude, leftBottomLatitude, rightTopLongitude, rightTopLatitude] in WGS84.
- * @throws {Error} If an unsupported projection type is specified.
- */
- function getMapExtent(projection = 'wgs84') {
- const wgs84Extent = sdk.Map.getMapExtent(); // [xmin, ymin, xmax, ymax] in WGS84
-
- const wgs84Projections = ['wgs84', 'CRS84', '4326', 'EPSG:4326'];
-
- if (wgs84Projections.includes(projection.toLowerCase())) {
- return [wgs84Extent[0], wgs84Extent[1], wgs84Extent[2], wgs84Extent[3]];
- } else {
- throw new Error('Unsupported projection type');
- }
- }
-
- /**
- * Returns the "visibleAtZoom" setting for a GIS layer,
- * considering layer settings overrides, the layer's own property,
- * and falling back to a global default if neither is found.
- *
- * @param {GisLayer} gisLayer - The GIS layer configuration object.
- * @returns {number} The zoom level at which the layer should be visible.
- */
- function getGisLayerVisibleAtZoom(gisLayer) {
- // Fetch override settings
- const overrideVisibleAtZoom = settings.getLayerSetting(gisLayer.id, 'visibleAtZoom');
- if (typeof overrideVisibleAtZoom === 'number') {
- return overrideVisibleAtZoom;
- }
-
- const val = gisLayer.visibleAtZoom;
- if (typeof val === 'number') {
- return val;
- }
-
- return DEFAULT_VISIBLE_AT_ZOOM;
- }
-
- /**
- * Calculates the zoom level at which labels for a GIS layer should become visible.
- * If the layer has a non-null 'labelsVisibleAtZoom' property, computes the offset from the layer's 'visibleAtZoom'
- * (with a fallback to a default if 'visibleAtZoom' is missing).
- * Otherwise, defaults to 'layerVisibleAtZoom + 1'.
- * Ensures the result is at least 1.
- *
- * @param {GisLayer} gisLayer - The GIS layer configuration object.
- * @param {number} layerVisibleAtZoom - The zoom level at which the layer itself becomes visible.
- * @returns {number} The computed zoom level at which the labels should be visible (>= 1).
- */
- function getGisLayerLabelsVisibleAtZoom(gisLayer, layerVisibleAtZoom) {
- layerVisibleAtZoom = +layerVisibleAtZoom;
-
- if (gisLayer.labelsVisibleAtZoom != null) {
- const baseVisibleAtZoom = gisLayer.visibleAtZoom != null ? +gisLayer.visibleAtZoom : DEFAULT_VISIBLE_AT_ZOOM;
- let labelsVisibleAtZoom = layerVisibleAtZoom + (+gisLayer.labelsVisibleAtZoom - baseVisibleAtZoom);
-
- if (labelsVisibleAtZoom < 1) labelsVisibleAtZoom = 1;
- return labelsVisibleAtZoom;
- } else {
- let labelsVisibleAtZoom = layerVisibleAtZoom + 1;
- if (labelsVisibleAtZoom < 1) labelsVisibleAtZoom = 1;
- return labelsVisibleAtZoom;
- }
- }
-
- /**
- * Asynchronously determines which geographical regions are visible within the current map viewport.
- *
- * Retrieves the current map extent in WGS84, constructs a {@link ViewportBBox},
- * and passes it to {@link WmeGisLBBOX.whatsInView} with high-precision intersection checks.
- * The results are stored in the global (or upper-scope) `_whatsInView` variable, typed as {@link WhatsInViewResult}.
- *
- * Steps:
- * 1. Gets current map extent in the "wgs84" coordinate system.
- * 2. Converts extent into a {@link ViewportBBox} with properties `minLon`, `minLat`, `maxLon`, `maxLat`.
- * 3. Calls {@link WmeGisLBBOX.whatsInView} with high-precision enabled and `returnGeoJson` disabled.
- * 4. Stores the detailed intersecting regions in `_whatsInView`.
- *
- * @returns {Promise<void>} The results are assigned to `_whatsInView` (type: {@link WhatsInViewResult})
- */
- async function whatsInView() {
- const extentWgs84 = getMapExtent('wgs84');
- const highPrecision = true;
- const viewportBbox = {
- minLon: extentWgs84[0],
- minLat: extentWgs84[1],
- maxLon: extentWgs84[2],
- maxLat: extentWgs84[3],
- };
-
- /** @type {WhatsInViewResult} */
- _whatsInView = await WmeGisLBBOX.whatsInView(viewportBbox, highPrecision, false);
- }
-
- /**
- * Returns an array of fetchable GIS layers after applying multiple validation and filtering criteria.
- *
- * Checks performed include:
- * - Minimum map zoom (from SDK) must be >= 12.
- * - Layer must be enabled (`enabled === 1`).
- * - Layer must have a non-empty and defined URL.
- * - Layer's subdivision L1 (country/subL1) must match current settings selection.
- * - If `checkVisibility` is true, the layer's ID must be present in the set of visible layers from settings.
- * - If `checkZoomVisibility` is true, the layer must be visible for the current zoom level.
- * - Layer must match a country/subdivision actually visible in the map view (from `_whatsInView`).
- * - If the layer has subdivision level 2 (`subL2`), further filtered by active subdivision in view.
- *
- * @param {boolean} [checkVisibility=true] - If true, check whether each layer is visible in settings.
- * @param {boolean} [checkZoomVisibility=true] - If true, filter layers by their zoom visibility constraints.
- * @returns {GisLayer[]} Array of `GISLayer` objects that passed all checks and are eligible for fetching.
- */
- function getFetchableLayers(checkVisibility = true, checkZoomVisibility = true) {
- const zoom = sdk.Map.getZoomLevel();
- // If zoom level is below 12, log a message and return an empty array, as layers won't be fetched
- if (zoom < 12) {
- logDebug(`No layers fetched, zoom level is < 12!`);
- return [];
- }
- const fetchableLayers = []; // Array to hold fetchable layer IDs
- // Filter the GIS layers based on multiple conditions to determine which are fetchable
- const filteredLayers = _gisLayers.filter((gisLayer) => {
- if (gisLayer.enabled !== 1) return false; // Check if the layer is enabled; skip it if not
-
- // Ensure the layer has a valid URL; skip if it is empty or undefined
- if (!gisLayer.url || gisLayer.url.trim().length === 0) return false;
-
- // Check if the country subdivision level 1 is selected
- if (!settings.selectedSubL1.includes(gisLayer.countrySubL1)) return false;
-
- // Check if the layer ID is saved in settings as visible - turn off when call from "Only show applicable layers"
- if (checkVisibility) {
- if (!settings.visibleLayers.includes(gisLayer.id)) return false;
- }
-
- if (checkZoomVisibility) {
- if (zoom < getGisLayerVisibleAtZoom(gisLayer)) return false; // Check if the layer is visible at the current zoom level
- }
-
- // Find the country data from the current view based on the ISO_ALPHA3 code
- const countryData = Object.values(_whatsInView).find((countryData) => countryData.ISO_ALPHA3 === gisLayer.country);
-
- if (!countryData) return false; // Skip if no matching country data is in view
-
- // Check if the subdivision level 1 (subL1) is in view
- const isSubL1InView = (gisLayer.subL1 && Object.values(countryData.subL1 || {}).some((subL1Data) => subL1Data.subL1_id === gisLayer.subL1)) || countryData.ISO_ALPHA3 === gisLayer.subL1;
-
- if (!isSubL1InView) return false; // If subL1 is not in view, skip the layer
-
- const hasSubL2 = gisLayer.subL2 && gisLayer.subL2.length > 0; // Check if the layer has subdivision level 2 names
- if (hasSubL2) {
- // Find the subdivision data entry that matches the layer's subL1 ID
- const subL1DataEntry = Object.entries(countryData.subL1 || {}).find(([_, subL1Details]) => subL1Details.subL1_id === gisLayer.subL1);
- const subL1Data = subL1DataEntry && subL1DataEntry[1]; // Retrieve the actual subL1 data object
- if (!subL1Data) {
- // If no matching subL1 data is found, skip the layer
- return false;
- }
- // Check if any subL2 names from the layer match those in the subL1 data's subL2 list
- const isSubL2InView = gisLayer.subL2.some((subL2Name) => subL1Data.subL2 && Object.keys(subL1Data.subL2).some((subL2InView) => subL2InView.toLowerCase() === subL2Name.toLowerCase()));
- if (!isSubL2InView) return false; // If no subL2 matches are found, skip the layer
- }
-
- fetchableLayers.push(gisLayer.id); // If the layer passes all checks, add its ID to the fetchable layers list
- return true;
- });
- return filteredLayers;
- }
-
- /**
- * Updates the visibility of GIS layer checkboxes in the UI according to user-defined settings.
- *
- * Determines which GIS layers should be displayed using the current zoom level and visibility settings:
- * - Shows checkboxes for layers deemed applicable by {@link getFetchableLayers}, which takes into account the current zoom setting from {@link settings.onlyShowApplicableLayersZoom}.
- * - Alternatively, displays all layers if {@link settings.onlyShowApplicableLayers} is false, ignoring zoom-based filtering.
- * - Hides unapplicable layers when both settings limit their display.
- *
- * Each layer's visibility is updated by showing or hiding the corresponding container element in the DOM.
- *
- * Side Effects:
- * Mutates the UI to show or hide corresponding checkboxes and container elements for each GIS layer.
- *
- * @see getFetchableLayers
- * @see settings
- * @global {Array<GisLayer>} _gisLayers - The list of all GIS layer objects.
- * @global {Object} settings - Application-wide layer filter and zoom settings.
- * @global {function} $ - jQuery selector function to manipulate DOM elements.
- */
- function filterLayerCheckboxes() {
- const applicableLayers = getFetchableLayers(false, settings.onlyShowApplicableLayersZoom);
- _gisLayers.forEach((gisLayer) => {
- const layerContainerId = `#gis-layer-${gisLayer.id}-container`;
- // Default behavior is to hide all layers
- let showLayer = false;
- // Show layer if it's included in applicable layers based on the zoom setting
- if (applicableLayers.includes(gisLayer)) {
- showLayer = true;
- }
- // Show all layers if onlyShowApplicableLayers setting is false
- if (!settings.onlyShowApplicableLayers) {
- showLayer = true;
- }
- // Apply visibility based on computed showLayer logic
- if (showLayer) {
- $(layerContainerId).show();
- $(`#gis-layers-for-${gisLayer.subL1}`).show();
- } else {
- $(layerContainerId).hide();
- $(`#gis-layers-for-${gisLayer.subL1}`).hide();
- }
- });
- }
-
- const ROAD_ABBR = [
- [/\bAVENUE$/, 'AVE'],
- [/\bCIRCLE$/, 'CIR'],
- [/\bCOURT$/, 'CT'],
- [/\bDRIVE$/, 'DR'],
- [/\bLANE$/, 'LN'],
- [/\bPARK$/, 'PK'],
- [/\bPLACE$/, 'PL'],
- [/\bROAD$/, 'RD'],
- [/\bSTREET$/, 'ST'],
- [/\bTERRACE$/, 'TER'],
- ];
-
- /**
- * @typedef {Object} LabelProcessingGlobals
- * @property {typeof Number} Number
- * @property {typeof Math} Math
- * @property {typeof Boolean} Boolean
- * @property {typeof parseInt} parseInt
- * @property {typeof Date} Date
- * @property {Object.<string, RegExp>} _regexReplace
- * @property {object} [sdk]
- */
-
- /** @type {LabelProcessingGlobals} */
- const labelProcessingGlobalVariables = {
- Number,
- Math,
- Boolean,
- parseInt,
- Date,
- _regexReplace,
- };
-
- /**
- * Processes and generates a display label for a feature/item, using layer label fields,
- * zoom/area constraints, and optional ESTree/JS post-processing logic.
- * Applies address and content shortening based on style rules and settings.
- *
- * @param {GisLayer} gisLayer - GIS layer descriptor (with labelFields, style, processLabel, and possibly labelProcessingError).
- * @param {Object} item - The data source for the feature; may have `.attributes` (ArcGIS), `.properties` (GeoJSON), or fields directly.
- * @param {number} displayLabelsAtZoom - Minimum zoom level at which labels are displayed.
- * @param {number} area - Area of the feature in square meters (used for label display logic).
- * @param {boolean} [isPolyLine=false] - If true, the label logic is specific to polylines.
- * @returns {string} The processed label string for display (may be `''` if label is suppressed or error is present).
- */
- function processLabel(gisLayer, item, displayLabelsAtZoom, area, isPolyLine = false) {
- // --- Allow both ArcGIS and GeoJSON: resolve field source ---
- // If the item has .attributes, use that (ArcGIS); else .properties (GeoJSON); fallback: item itself.
- const fieldValues = item && typeof item === 'object' ? item.attributes || item.properties || item : {};
- let label = '';
-
- // --- Main label fields, only if zoom/area triggers label ---
- if (sdk.Map.getZoomLevel() >= displayLabelsAtZoom || area >= 1000000) {
- label +=
- gisLayer.labelFields
- ?.map((fieldName) => fieldValues[fieldName])
- .join(' ')
- .trim() ?? '';
-
- // --- Optional ESTree/JS post-processing if configured ---
- if (gisLayer.processLabel) {
- if (gisLayer.labelProcessingError) {
- label = 'ERROR';
- } else {
- // Provide label and fields to processing context
- const ctx = {
- ...labelProcessingGlobalVariables,
- label,
- fieldValues,
- };
- const result = ESTreeProcessor.execute(gisLayer.processLabel, ctx);
- label = result.output?.trim() ?? '';
- }
- }
- }
-
- // --- Post-processing for certain styles (e.g., address shorteners) ---
- if (!isPolyLine) {
- if (label && ['points', 'parcels', 'state_points', 'state_parcels'].includes(gisLayer.style)) {
- if (settings.addrLabelDisplay === 'hn') {
- const m = label.match(/^\d+/);
- label = m ? m[0] : '';
- } else if (settings.addrLabelDisplay === 'street') {
- const m = label.match(/^(?:\d+\s)?(.*)/);
- label = m ? m[1].trim() : '';
- } else if (settings.addrLabelDisplay === 'none') {
- label = '';
- }
- }
- }
- return label;
- }
-
- let lastFeatureId = 0;
- // SDK: Remove these once Map.getFeaturesByProperty is implemented: https://issuetracker.google.com/issues/419596843
- let defaultFeatures = [];
- let roadFeatures = [];
-
- /**
- * Offsets GeoJSON-like geometry coordinates by a layerOffset {x, y}.
- * Supports: 'Point', 'LineString', 'MultiPoint', 'Polygon', 'MultiLineString', 'MultiPolygon'.
- *
- * @param {{ type: string, coordinates: any }} geometry - The geometry object.
- * @param {{ x: number, y: number }} layerOffset - Offset to apply to all coordinates.
- * @returns {Object} The offset geometry.
- */
- function offsetGeometry(geometry, layerOffset) {
- if (!geometry || !layerOffset) return geometry;
-
- /**
- * @param {[number, number]} coord
- * @returns {[number, number]}
- */
- function offsetCoord(coord) {
- return [coord[0] + layerOffset.x, coord[1] + layerOffset.y];
- }
-
- switch (geometry.type) {
- case 'Point':
- // Safe to treat as [number, number]
- return { ...geometry, coordinates: offsetCoord(geometry.coordinates) };
- case 'LineString':
- case 'MultiPoint':
- // Array of [number, number]
- return { ...geometry, coordinates: geometry.coordinates.map(offsetCoord) };
- case 'Polygon':
- case 'MultiLineString':
- // Array of Array of [number, number]
- return {
- ...geometry,
- coordinates: geometry.coordinates.map(
- /**
- * @param {Array<[number, number]>} ring
- */
- (ring) => ring.map(offsetCoord)
- ),
- };
- case 'MultiPolygon':
- // Array of Array of Array of [number, number]
- return {
- ...geometry,
- coordinates: geometry.coordinates.map(
- /**
- * @param {Array<Array<[number, number]>>} poly
- */
- (poly) =>
- poly.map(
- /**
- * @param {Array<[number, number]>} ring
- */
- (ring) => ring.map(offsetCoord)
- )
- ),
- };
- default:
- return geometry;
- }
- }
-
- /**
- * Clips the geometry of a LineString or MultiLineString feature to the given bounding box ([minX, minY, maxX, maxY]).
- *
- * For non-line features, the function returns the original input feature unchanged.
- * If geometry is outside the bbox or the result is empty, returns null.
- *
- * @param {Object} feature - A GeoJSON Feature object, expected to have a LineString or MultiLineString geometry.
- * @param {number[]} extent - Bounding box as [minX, minY, maxX, maxY].
- * @returns {Object|null}
- * Returns the clipped feature if successful and non-empty,
- * otherwise returns null. For unsupported geometry types, returns the original feature.
- *
- * @example
- * // Clip a geojson line
- * clipLineFeatureToExtent(
- * { type: 'Feature', geometry: { type: 'LineString', coordinates: [[0,0],[10,10]] } },
- * [2,2,8,8]
- * )
- */
- function clipLineFeatureToExtent(feature, extent) {
- if (!feature.geometry || !extent) return feature;
- const type = feature.geometry.type;
- if (type !== 'LineString' && type !== 'MultiLineString') return feature;
- try {
- const clipped = turf.bboxClip(feature, extent);
- // Ensure clipped geometry exists and has coordinates
- if (!clipped.geometry.coordinates || !clipped.geometry.coordinates.length) return null;
- return clipped;
- } catch (e) {
- return null;
- }
- }
-
- function generateFeatureId() {
- lastFeatureId++;
- return lastFeatureId;
- }
-
- /**
- * Assigns layer properties and an ID to a GeoJSON feature.
- *
- * Adds or overwrites the following properties of the input feature:
- * - `properties.layerID`: set to `gisLayer.id`
- * - `properties.label`: set to the provided label
- * - `id`: set to a newly generated value from `generateFeatureId()`
- *
- * Modifies the input feature in-place and returns it.
- *
- * @param {Object} feature - A GeoJSON Feature object. Must have a `properties` field (object).
- * @param {GisLayer} gisLayer - Layer object containing at least an `id` property.
- * @param {string} label - The label to assign to the feature's properties.
- * @returns {Object} The modified feature with updated properties and ID.
- *
- * @example
- * const feature = { type: 'Feature', properties: {}, geometry: { type: 'Point', coordinates: [0, 0] } };
- * const layer = { id: 'roads' };
- * assignGisProperties(feature, layer, 'Highway');
- * // => feature.properties.layerID === 'roads'
- * // => feature.properties.label === 'Highway'
- * // => feature.id is set
- */
- function assignGisProperties(feature, gisLayer, label) {
- feature.properties = {
- ...feature.properties,
- layerID: gisLayer.id,
- label,
- };
- feature.id = generateFeatureId();
- return feature;
- }
-
- /**
- * Deduplicates Point features within the given feature array that are spatially close (within 1 meter)
- * and have labels. Merges labels of duplicates, applying label cleaning and abbreviation.
- * Modifies the original features array in place and returns it.
- *
- * @param {Array} features - Array of GeoJSON features (with properties.label) to deduplicate.
- * @returns {Array} The deduplicated (and possibly relabeled) features array.
- */
- function deduplicatePointFeatures(features) {
- for (let i = 0; i < features.length; i++) {
- const f1 = features[i];
- if (f1.geometry.type === 'Point' && !f1.skipDupeCheck && f1.properties.label) {
- let labels = [f1.properties.label];
- for (let j = i + 1; j < features.length; j++) {
- const f2 = features[j];
- if (f2.geometry.type === 'Point' && !f2.skipDupeCheck && f2.properties.label && turf.distance(f1, f2, { units: 'meters' }) < 1) {
- features.splice(j, 1);
- labels.push(f2.properties.label);
- j--;
- }
- }
- labels = _.uniq(labels);
- if (labels.length > 1) {
- labels.forEach((label, idx) => {
- label = label
- .replace(/\n/g, ' ')
- .replace(/\s{2,}/, ' ')
- .replace(/\bUNIT\s.{1,5}$/i, '')
- .trim();
- ROAD_ABBR.forEach((abbr) => (label = label.replace(abbr[0], abbr[1])));
- labels[idx] = label;
- });
- labels = _.uniq(labels);
- labels.sort();
- if (labels.length > 12) {
- const len = labels.length;
- labels = labels.slice(0, 10);
- labels.push(`(${len - 10} more...)`);
- }
- f1.properties.label = _.uniq(labels).join('\n');
- } else {
- let { label } = f1.properties;
- ROAD_ABBR.forEach((abbr) => (label = label.replace(abbr[0], abbr[1])));
- f1.properties.label = label;
- }
- }
- }
- return features;
- }
-
- /**
- * Updates the given GIS map layer with a new set of features.
- *
- * - Removes all features belonging to the specified gisLayer from the appropriate global feature collection (`roadFeatures` or `defaultFeatures`).
- * - Adds the new features to the map and collection.
- * - Removes old features from the map layer.
- * - Updates global feature arrays and sets label color in the UI.
- *
- * @param {GisLayer} gisLayer - GIS layer descriptor. Should have at least: `id`, `isRoadLayer`.
- * @param {Object[]} features - Array of GeoJSON Feature objects to add to the layer.
- *
- * @returns {void}
- *
- * @example
- * updateGisLayerFeatures({ id: 'main', isRoadLayer: false }, [myPointFeature, myLineFeature]);
- */
- function updateGisLayerFeatures(gisLayer, features) {
- const isRoad = gisLayer.isRoadLayer;
- const layerName = isRoad ? ROAD_LAYER_NAME : DEFAULT_LAYER_NAME;
- // Use the current set of features for this layer type
- const sourceCollection = isRoad ? roadFeatures : defaultFeatures;
-
- // Separate out features belonging to this layer vs. those not
- const { featureIdsToRemove, remainingFeatures } = sourceCollection.reduce(
- (acc, feature) => {
- if (feature.properties.layerID === gisLayer.id) {
- acc.featureIdsToRemove.push(feature.id);
- } else {
- acc.remainingFeatures.push(feature);
- }
- return acc;
- },
- { featureIdsToRemove: [], remainingFeatures: [] }
- );
-
- // Add new features to the layer
- sdk.Map.dangerouslyAddFeaturesToLayerWithoutValidation({ features, layerName });
-
- // Remove old features from the layer
- if (featureIdsToRemove.length > 0) {
- sdk.Map.removeFeaturesFromLayer({ layerName, featureIds: featureIdsToRemove });
- }
-
- // Update the in-memory collections
- const newCollection = [...remainingFeatures, ...features];
- if (isRoad) {
- roadFeatures = newCollection;
- } else {
- defaultFeatures = newCollection;
- }
-
- // Feedback in UI
- if (features.length) {
- $(`label[for="gis-layer-${gisLayer.id}"]`).css({ color: '#00a009' });
- }
- }
-
- /**
- * Processes and adds GIS features from ArcGIS data to the appropriate map layer.
- *
- * - Handles ArcGIS response objects containing features and/or error.
- * - Supports Point, MultiPoint, Polygon, and Polyline geometries.
- * - Applies offset as configured in layer settings.
- * - Assigns feature properties and labels.
- * - Applies de-duplication for Points.
- * - Updates in-memory/global feature collections.
- * - Manages UI state/feedback for errors and successes.
- * - Aborts all work if `token.cancel` is true at key moments.
- *
- * @param {Object} data - ArcGIS response object. Should include `.features` (Array) and/or `.error`.
- * @param {Object} token - Cancellation token/object. If `token.cancel === true`, aborts processing.
- * @param {GisLayer} gisLayer - GIS layer descriptor. Should have at least: `id`, `isRoadLayer`, `name`.
- *
- * @returns {void}
- *
- * @example
- * // Usage:
- * processFeaturesArcGIS(
- * { features: [ { geometry: { x: 1, y: 2 } } ] },
- * { cancel: false },
- * { id: 'roads', isRoadLayer: true, name: 'Streets' }
- * );
- */
- function processFeaturesArcGIS(data, token, gisLayer) {
- const features = [];
-
- if (data.skipIt) return;
-
- if (data.error) {
- logError(`Error in layer "${gisLayer.name}": ${data.error.message}`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- return;
- }
-
- const items = data.features || [];
- const layerOffset = settings.getLayerSetting(gisLayer.id, 'offset') ?? { x: 0, y: 0 };
- const extent = getMapExtent('wgs84');
- const displayLabelsAtZoom = getGisLayerLabelsVisibleAtZoom(gisLayer, getGisLayerVisibleAtZoom(gisLayer));
-
- if (!token.cancel) {
- let error = false;
-
- items.forEach((item) => {
- if (token.cancel || error) return;
- if (!item.geometry) return;
-
- //---------- POINT ----------
- if (item.geometry.x !== undefined && item.geometry.y !== undefined) {
- let feature = turf.point([item.geometry.x, item.geometry.y]);
- feature.geometry = offsetGeometry(feature.geometry, layerOffset);
-
- feature = assignGisProperties(feature, gisLayer, processLabel(gisLayer, item, displayLabelsAtZoom, '', false));
-
- if (isPopupVisible) addLabelToLayer(gisLayer.name, feature.properties.label);
- features.push(feature);
-
- //---------- MULTI-POINT ----------
- } else if (item.geometry.points) {
- item.geometry.points.forEach((point) => {
- let feature = turf.point(point);
- feature.geometry = offsetGeometry(feature.geometry, layerOffset);
- feature = assignGisProperties(feature, gisLayer, processLabel(gisLayer, item, displayLabelsAtZoom, '', false));
- if (isPopupVisible) addLabelToLayer(gisLayer.name, feature.properties.label);
- features.push(feature);
- });
-
- //---------- POLYGON ----------
- } else if (item.geometry.rings) {
- const separatePolygons = [];
- let currentOuterRing = null;
- const innerRings = [];
- item.geometry.rings.forEach((ringIn) => {
- const ring = ringIn.map(([x, y]) => [x + layerOffset.x, y + layerOffset.y]);
- if (turf.booleanClockwise(ring)) {
- if (currentOuterRing) {
- separatePolygons.push({ outer: currentOuterRing, inners: [...innerRings] });
- }
- currentOuterRing = ring;
- innerRings.length = 0;
- } else {
- innerRings.push(ring);
- }
- });
- if (currentOuterRing) {
- separatePolygons.push({ outer: currentOuterRing, inners: [...innerRings] });
- }
- separatePolygons.forEach(({ outer, inners }) => {
- const polygonRings = [outer, ...inners];
- let feature = turf.polygon(polygonRings);
- const area = turf.area(feature);
-
- feature = assignGisProperties(feature, gisLayer, processLabel(gisLayer, item, displayLabelsAtZoom, area, false));
- if (isPopupVisible) addLabelToLayer(gisLayer.name, feature.properties.label);
- features.push(feature);
- });
-
- //---------- LINES / POLYLINE ----------
- } else if (data.geometryType === 'esriGeometryPolyline' && item.geometry.paths) {
- item.geometry.paths.forEach((path) => {
- const offsetPath = path.map(([x, y]) => [x + layerOffset.x, y + layerOffset.y]);
- let feature = turf.lineString(offsetPath);
-
- feature = clipLineFeatureToExtent(feature, extent) || null;
- if (!feature) return;
-
- feature = assignGisProperties(feature, gisLayer, processLabel(gisLayer, item, displayLabelsAtZoom, '', true));
- feature.skipDupeCheck = true;
-
- if (isPopupVisible) addLabelToLayer(gisLayer.name, feature.properties.label);
- features.push(feature);
- });
-
- //---------- UNKNOWN / ERROR ----------
- } else {
- logDebug(`Unexpected feature type in layer: ${JSON.stringify(item)}`);
- logError(`Error: Unexpected feature type in layer "${gisLayer.name}"`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- error = true;
- }
- });
- }
-
- // ----- De-duplication and feature management -----
- if (!token.cancel) {
- // Only deduplicate if any Point features are present
- if (features.some((f) => f.geometry.type === 'Point')) {
- deduplicatePointFeatures(features);
- }
-
- // Layer/collection logic handled by helper
- updateGisLayerFeatures(gisLayer, features);
- }
- }
-
- /**
- * Processes and adds features from a GeoJSON FeatureCollection or Feature array
- * to the appropriate GIS map layer. Handles geometry flattening, feature offsetting,
- * line clipping, label assignment, and deduplication. Updates global feature
- * collections and provides UI feedback.
- *
- * @param {Object} data - The GeoJSON response data with a 'features' array, and possible 'error' and 'skipIt'.
- * @param {Object} token - Cancellation/scoping token; if token.cancel is true, processing is aborted.
- * @param {GisLayer} gisLayer - The layer descriptor object (should include at least id, name, isRoadLayer).
- *
- * @returns {void}
- */
- function processFeaturesGeoJSON(data, token, gisLayer) {
- const features = [];
-
- if (data.skipIt) return;
-
- if (data.error) {
- logError(`Error in layer "${gisLayer.name}": ${data.error.message}`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- return;
- }
-
- const items = data.features || [];
- const layerOffset = settings.getLayerSetting(gisLayer.id, 'offset') ?? { x: 0, y: 0 };
- const extent = getMapExtent('wgs84'); // [minX, minY, maxX, maxY]
- const displayLabelsAtZoom = getGisLayerLabelsVisibleAtZoom(gisLayer, getGisLayerVisibleAtZoom(gisLayer));
-
- if (!token.cancel) {
- let error = false;
-
- items.forEach((item) => {
- if (token.cancel || error) return;
- if (!item.geometry) return;
-
- // Always GeoJSON feature. Use turf.flatten to ensure individual features.
- // flatten returns a FeatureCollection, so we need to iterate over .features
- // But "flatten" expects a Feature or FeatureCollection, so ensure type.
- let toFlatten = item;
- if (toFlatten.type !== 'Feature') {
- toFlatten = {
- type: 'Feature',
- geometry: item.geometry,
- properties: item.properties || {},
- };
- }
- const flatFeatures = turf.flatten(toFlatten).features;
-
- flatFeatures.forEach((feature) => {
- // Always offset geometry!
- feature.geometry = offsetGeometry(feature.geometry, layerOffset);
-
- // --- CLIP LINES TO EXTENT for LineString ---
- if (feature.geometry.type === 'LineString') {
- feature = clipLineFeatureToExtent(feature, extent) || null;
- if (!feature) return; // If fully outside, skip
- }
-
- // Calculate area for polygons (only needed for label)
- let area = '';
- if (feature.geometry.type === 'Polygon') {
- area = turf.area(feature);
- }
-
- feature = assignGisProperties(feature, gisLayer, processLabel(gisLayer, feature, displayLabelsAtZoom, area, feature.geometry.type === 'LineString'));
-
- if (isPopupVisible) addLabelToLayer(gisLayer.name, feature.properties.label);
- features.push(feature);
- });
- });
- }
-
- // ----- De-duplication and feature management -----
- if (!token.cancel) {
- // Only deduplicate if any Point features are present
- if (features.some((f) => f.geometry.type === 'Point')) {
- deduplicatePointFeatures(features);
- }
-
- // Layer/collection logic handled by helper
- updateGisLayerFeatures(gisLayer, features);
- }
- }
-
- function copyTextToClipboard(text) {
- try {
- GM_setClipboard(text);
- logDebug(`Copy Text To Clipboard: ${text}`);
- } catch (err) {
- logError(`Failed to Text To Clipboard: ${err}`);
- }
- }
-
- function addLabelToLayer(layerName, label) {
- if (!layerLabels[layerName]) {
- layerLabels[layerName] = new Set();
- }
- layerLabels[layerName].add(label);
- }
-
- function replacePhrasesWithAcronyms(text) {
- // Order phrases such that compound phrases come before individual words
- const replacements = [
- // compound phrases here
- { phrase: 'Alternate Route', acronym: 'ALT' },
- { phrase: 'Army Air Field', acronym: 'AAF' },
- { phrase: 'County Highway', acronym: 'CH-' },
- { phrase: 'County Road', acronym: 'CR-' },
- { phrase: 'East Bound', acronym: 'EB' },
- { phrase: 'North Bound', acronym: 'NB' },
- { phrase: 'North East', acronym: 'NE' },
- { phrase: 'North West', acronym: 'NW' },
- { phrase: 'South Bound', acronym: 'SB' },
- { phrase: 'South East', acronym: 'SE' },
- { phrase: 'South West', acronym: 'SW' },
- { phrase: 'State Highway', acronym: 'SH-' },
- { phrase: 'State Route', acronym: 'SR-' },
- { phrase: 'State Rte', acronym: 'SR-' },
- { phrase: 'U.S. Highway', acronym: 'US-' },
- { phrase: 'U.S. Route', acronym: 'US-' },
- { phrase: 'U.S. Rte', acronym: 'US-' },
- { phrase: 'U.S.Rte', acronym: 'US-' },
- { phrase: 'US Highway', acronym: 'US-' },
- { phrase: 'U S Highway', acronym: 'US-' },
- { phrase: 'US Route', acronym: 'US-' },
- { phrase: 'U S Route', acronym: 'US-' },
- { phrase: 'US RTE', acronym: 'US-' },
- { phrase: 'U S RTE', acronym: 'US-' },
- { phrase: 'USRTE', acronym: 'US-' },
- { phrase: 'West Bound', acronym: 'WB' },
- // Start of single words list
- { phrase: 'Alley', acronym: 'Aly' },
- { phrase: 'Apartments', acronym: 'Apts' },
- { phrase: 'Avenue', acronym: 'Ave' },
- { phrase: 'Beach', acronym: 'Bch' },
- { phrase: 'Boulevard', acronym: 'Blvd' },
- { phrase: 'Bridge', acronym: 'Br' },
- { phrase: 'Business', acronym: 'BUS' },
- { phrase: 'Bypass', acronym: 'BYP' },
- { phrase: 'Canyon', acronym: 'Cyn' },
- { phrase: 'Captain', acronym: 'Capt' },
- { phrase: 'Causeway', acronym: 'Cswy' },
- { phrase: 'Center', acronym: 'Ctr' },
- { phrase: 'Circle', acronym: 'Cir' },
- { phrase: 'Colonel', acronym: 'Col.' },
- { phrase: 'Commander', acronym: 'Cmdr.' },
- { phrase: 'Connector', acronym: 'CONN' },
- { phrase: 'Corners', acronym: 'Cors' },
- { phrase: 'Corporal', acronym: 'Cpl.' },
- { phrase: 'Court', acronym: 'Ct' },
- { phrase: 'Cove', acronym: 'Cv' },
- { phrase: 'Creek', acronym: 'Crk' },
- { phrase: 'Crescent', acronym: 'Cres' },
- { phrase: 'Crossing', acronym: 'X-ing' },
- { phrase: 'Doctor', acronym: 'Dr.' },
- { phrase: 'Drive', acronym: 'Dr' },
- { phrase: 'East', acronym: 'E' },
- { phrase: 'Eastbound', acronym: 'EB' },
- { phrase: 'Eb', acronym: 'EB' },
- { phrase: 'Express', acronym: 'EXP' },
- { phrase: 'Expressway', acronym: 'Expwy' },
- { phrase: 'Extension', acronym: 'Ext' },
- { phrase: 'Fort', acronym: 'Ft.' },
- { phrase: 'Freeway', acronym: 'Fwy' },
- { phrase: 'General', acronym: 'Gen.' },
- { phrase: 'Governor', acronym: 'Gov.' },
- { phrase: 'Grove', acronym: 'Grv' },
- { phrase: 'Heights', acronym: 'Hts' },
- { phrase: 'Highway', acronym: 'Hwy' },
- { phrase: 'Honerable', acronym: 'Hon.' },
- { phrase: 'International', acronym: 'Intl' },
- { phrase: 'Interstate', acronym: 'I-' },
- { phrase: 'Junior', acronym: 'Jr.' },
- { phrase: 'Landing', acronym: 'Lndg' },
- { phrase: 'Lane', acronym: 'Ln' },
- { phrase: 'Lieutenant', acronym: 'Lt.' },
- { phrase: 'Loop', acronym: 'Lp' },
- { phrase: 'Major', acronym: 'Maj.' },
- { phrase: 'Manor', acronym: 'Mnr.' },
- { phrase: 'Meadow', acronym: 'Mdw' },
- { phrase: 'Mount', acronym: 'Mt' },
- { phrase: 'Mountain', acronym: 'Mtn' },
- { phrase: 'Mountains', acronym: 'Mtns' },
- { phrase: 'National', acronym: "Nat'l" },
- { phrase: 'North', acronym: 'N' },
- { phrase: 'Northbound', acronym: 'NB' },
- { phrase: 'Nb', acronym: 'NB' },
- { phrase: 'Northeast', acronym: 'NE' },
- { phrase: 'Northwest', acronym: 'NW' },
- { phrase: 'Park', acronym: 'Pk' },
- { phrase: 'Parkway', acronym: 'Pkwy' },
- { phrase: 'Parkways', acronym: 'Pkwys' },
- { phrase: 'Passage', acronym: 'Psge' },
- { phrase: 'Place', acronym: 'Pl' },
- { phrase: 'Plaza', acronym: 'Plz' },
- { phrase: 'Point', acronym: 'Pt' },
- { phrase: 'Points', acronym: 'Pts' },
- { phrase: 'President', acronym: 'Pres.' },
- { phrase: 'Professor', acronym: 'Prof.' },
- { phrase: 'Railroad', acronym: 'R.R.' },
- { phrase: 'Road', acronym: 'Rd' },
- { phrase: 'Recreational', acronym: 'Rec.' },
- { phrase: 'Reverend', acronym: 'Rev.' },
- { phrase: 'Route', acronym: 'SR-' },
- { phrase: 'Saint', acronym: 'St.' },
- { phrase: 'Sainte', acronym: 'Ste.' },
- { phrase: 'Senior', acronym: 'Sr.' },
- { phrase: 'Sergeant', acronym: 'Sgt.' },
- { phrase: 'Skyway', acronym: 'Skwy' },
- { phrase: 'South', acronym: 'S' },
- { phrase: 'Southbound', acronym: 'SB' },
- { phrase: 'Sb', acronym: 'SB' },
- { phrase: 'Southeast', acronym: 'SE' },
- { phrase: 'Southwest', acronym: 'SW' },
- { phrase: 'Springs', acronym: 'Spgs' },
- { phrase: 'Square', acronym: 'Sq' },
- { phrase: 'Station', acronym: 'Sta' },
- { phrase: 'Street', acronym: 'St' },
- { phrase: 'Terrace', acronym: 'Ter' },
- { phrase: 'Throughway', acronym: 'Thwy' },
- { phrase: 'Thruway', acronym: 'Thwy' },
- { phrase: 'Tollway', acronym: 'Tlwy' },
- { phrase: 'Township', acronym: 'Twp' },
- { phrase: 'Trafficway', acronym: 'Trfy' },
- { phrase: 'Trail', acronym: 'Trl' },
- { phrase: 'Tunnel', acronym: 'Tun' },
- { phrase: 'Turnpike', acronym: 'Tpk' },
- { phrase: 'Upper', acronym: 'Upr' },
- { phrase: 'U.S.', acronym: 'US' },
- { phrase: 'Valley', acronym: 'Vly' },
- { phrase: 'West', acronym: 'W' },
- { phrase: 'Westbound', acronym: 'WB' },
- { phrase: 'Wb', acronym: 'WB' },
- { phrase: '--', acronym: '-' },
- { phrase: ' -', acronym: '-' },
- { phrase: '- ', acronym: '-' },
- { phrase: '- -', acronym: '-' },
- ];
-
- let updatedText = text;
-
- // Replace phrases with their acronyms, case insensitive
- replacements.forEach(({ phrase, acronym }) => {
- const regex = new RegExp(`\\b${phrase}\\b`, 'gi'); // Uses \\b to match words with word boundaries
- updatedText = updatedText.replace(regex, acronym);
- });
-
- return updatedText;
- }
-
- function fixSateHwyRoadNames(text) {
- // Regular expression to capture patterns like "XXX ###", "XXX-###", "XXX###", as well as "Us Route #", "Us Rte #", and "Route #", "Rte #"
- const regex = /(?:([A-Z]{1,3})[-\s]?(\d{1,3})|(?:Us\s+(?:Rte|Route)\s+(\d{1,3}))|(?:Rte[-\s]?(\d{1,3})|Route\s+(\d{1,3})))\b/gi;
-
- // Replacement function formats matched patterns
- return text.replace(regex, (match, letters, numbers, usRouteNumber, rteNumber, routeNumber) => {
- if (usRouteNumber) {
- return `US-${usRouteNumber}`; // for "US Route"/s
- }
- if (rteNumber || routeNumber) {
- return `SR-${rteNumber || routeNumber}`; // Change "Rte" or "Route" to "SR"
- }
- if (letters && numbers) {
- return `${letters.toUpperCase()}-${numbers}`; // General format for other letter-number combos
- }
- return match;
- });
- }
-
- function titleCaseLabel(text) {
- // Read each line separately
- const lines = text.split('\n');
- return lines
- .map((line) => {
- const trimmedLine = line.trim(); // Trim the line to remove leading/trailing spaces
- const words = trimmedLine.split(' '); // Split the line into individual words
- // Capitalize the first letter of each word and convert the rest to lowercase
- const titleCasedLine = words.map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' '); // Recombine the words into a title-cased line
- return titleCasedLine; // Return the formatted line
- })
- .join('\n'); // Combine all the lines back into a single string separated by new lines
- }
-
- function processedLabel(label) {
- if (useTitleCase) {
- label = titleCaseLabel(label);
- }
- if (useAcronyms) {
- label = replacePhrasesWithAcronyms(label);
- }
- if (useStateHwy) {
- label = fixSateHwyRoadNames(label);
- }
- if (removeNewLines) {
- label = label.replace(/[\r\n]+/g, ' ');
- }
- return label;
- }
-
- function updatePopup(labels) {
- let popup = document.getElementById('layerLabelPopup');
- if (!popup) {
- popup = document.createElement('div');
- popup.id = 'layerLabelPopup';
- popup.style = `position: absolute; background: #d3d3d3; border: 2px solid #007bff; border-radius: 5px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 1000; width: 500px; max-width: 800px;
- height: 300px; resize: both; overflow: hidden; max-height: 700px; left: ${popupPosition.left}; top: ${popupPosition.top}; `;
- const header = document.createElement('div');
- header.style = 'background: #007bff; color: #fff; padding: 5px; cursor: move; border-radius: 3px 3px 0 0; display: flex; justify-content: space-between; align-items: center; height: 30px; ';
-
- const title = document.createElement('span');
- title.innerText = 'GIS-L Layer Labels';
- header.appendChild(title);
-
- const closeButton = document.createElement('span');
- closeButton.innerText = '×';
- closeButton.style = 'cursor: pointer; font-size: 20px; margin-left: 10px; ';
- closeButton.addEventListener('click', () => {
- isPopupVisible = false;
- togglePopupVisibility();
- $('input[name="popupVisibility"][value="show"]').prop('checked', isPopupVisible);
- $('input[name="popupVisibility"][value="hide"]').prop('checked', !isPopupVisible);
- saveSettingsToStorage();
- });
- header.appendChild(closeButton);
- popup.appendChild(header);
-
- const formatOptionContainer = document.createElement('div');
- formatOptionContainer.style = 'background: #72767d; color: #fff;';
-
- const firstRow = document.createElement('div');
- firstRow.style = 'display: flex; gap: 10px; align-items: flex-start; justify-content: flex-start;';
-
- const formatCheckbox = document.createElement('input');
- formatCheckbox.type = 'checkbox';
- formatCheckbox.id = 'useTitleCaseCheckbox';
- formatCheckbox.style = 'margin-left: 10px';
- formatCheckbox.checked = useTitleCase;
- formatCheckbox.addEventListener('change', () => {
- useTitleCase = formatCheckbox.checked;
- updatePopupContent(labels);
- saveSettingsToStorage();
- });
- firstRow.appendChild(formatCheckbox);
-
- const formatCheckboxLabel = document.createElement('label');
- formatCheckboxLabel.htmlFor = 'useTitleCaseCheckbox';
- formatCheckboxLabel.innerText = 'Use Title Case';
- formatCheckboxLabel.style = 'font-weight: 100; width: 150px;';
- firstRow.appendChild(formatCheckboxLabel);
-
- const acronymCheckbox = document.createElement('input');
- acronymCheckbox.type = 'checkbox';
- acronymCheckbox.id = 'useacronymsCheckbox';
- acronymCheckbox.checked = useAcronyms;
- acronymCheckbox.addEventListener('change', () => {
- useAcronyms = acronymCheckbox.checked;
- updatePopupContent(labels);
- saveSettingsToStorage();
- });
- firstRow.appendChild(acronymCheckbox);
-
- const acronymCheckboxLabel = document.createElement('label');
- acronymCheckboxLabel.htmlFor = 'useacronymsCheckbox';
- acronymCheckboxLabel.innerText = 'Use Acronyms & Abbreviations';
- acronymCheckboxLabel.style = 'font-weight: 100;';
- firstRow.appendChild(acronymCheckboxLabel);
- formatOptionContainer.appendChild(firstRow);
-
- const secondRow = document.createElement('div');
- secondRow.style = 'display: flex; gap: 10px; align-items: flex-start; justify-content: flex-start;';
-
- const stateHwyCheckbox = document.createElement('input');
- stateHwyCheckbox.type = 'checkbox';
- stateHwyCheckbox.id = 'useStateHwyCheckbox';
- stateHwyCheckbox.style = 'margin-left: 10px';
- stateHwyCheckbox.checked = useStateHwy;
- stateHwyCheckbox.addEventListener('change', () => {
- useStateHwy = stateHwyCheckbox.checked;
- updatePopupContent(labels);
- saveSettingsToStorage();
- });
- secondRow.appendChild(stateHwyCheckbox);
-
- const stateHwyCheckboxLabel = document.createElement('label');
- stateHwyCheckboxLabel.htmlFor = 'useStateHwyCheckbox';
- stateHwyCheckboxLabel.innerText = 'Fix Highway Labels';
-
- stateHwyCheckboxLabel.style = 'font-weight: 100; width: 150px;';
- secondRow.appendChild(stateHwyCheckboxLabel);
-
- const removeNewLinesCheckbox = document.createElement('input');
- removeNewLinesCheckbox.type = 'checkbox';
- removeNewLinesCheckbox.id = 'removeNewLinesCheckbox';
- removeNewLinesCheckbox.checked = removeNewLines;
- removeNewLinesCheckbox.addEventListener('change', () => {
- removeNewLines = removeNewLinesCheckbox.checked;
- updatePopupContent(labels);
- saveSettingsToStorage();
- });
- secondRow.appendChild(removeNewLinesCheckbox);
-
- const removeNewLinesCheckboxLabel = document.createElement('label');
- removeNewLinesCheckboxLabel.htmlFor = 'removeNewLinesCheckbox';
- removeNewLinesCheckboxLabel.innerText = 'Remove New Lines';
- removeNewLinesCheckboxLabel.style = 'font-weight: 100;';
- secondRow.appendChild(removeNewLinesCheckboxLabel);
-
- formatOptionContainer.appendChild(secondRow);
- popup.appendChild(formatOptionContainer);
-
- const dropdownContainer = document.createElement('div');
- dropdownContainer.style = 'margin-bottom: 10px;';
- popup.appendChild(dropdownContainer);
-
- const contentContainer = document.createElement('div');
- contentContainer.style = 'padding: 5px; overflow-y: auto; overflow-x: auto; height: calc(100% - 110px);';
-
- popup.appendChild(contentContainer);
-
- const mapElement = document.getElementsByTagName('wz-page-content')[0];
- if (mapElement) {
- mapElement.appendChild(popup);
- }
-
- header.onmousedown = function (event) {
- event.preventDefault();
- const parentRect = mapElement.getBoundingClientRect();
- const initialX = event.clientX;
- const initialY = event.clientY;
- const offsetX = initialX - parentRect.left - popup.offsetLeft;
- const offsetY = initialY - parentRect.top - popup.offsetTop;
-
- document.onmousemove = function (ev) {
- popup.style.left = `${ev.clientX - offsetX - parentRect.left}px`;
- popup.style.top = `${ev.clientY - offsetY - parentRect.top}px`;
-
- popupPosition.left = popup.style.left;
- popupPosition.top = popup.style.top;
- };
-
- document.onmouseup = function () {
- document.onmousemove = null;
- document.onmouseup = null;
- };
- };
- }
-
- updatePopupContent(labels);
- popup.style.display = isPopupVisible ? 'block' : 'none';
- }
-
- function updatePopupContent(labels) {
- const dropdownContainer = document.querySelector('#layerLabelPopup div:nth-child(3)');
- const contentContainer = document.querySelector('#layerLabelPopup div:nth-child(4)');
-
- dropdownContainer.innerHTML = '';
- contentContainer.innerHTML = '';
-
- const select = document.createElement('select');
- select.style = 'width: 100%; padding: 5px; border: 1px solid #ccc;';
-
- const sortedLayerNames = Object.keys(labels).sort();
- sortedLayerNames.forEach((layerName) => {
- const option = document.createElement('option');
- option.value = layerName;
- option.innerText = layerName;
- select.appendChild(option);
-
- const uniqueLabels = Array.from(labels[layerName]).sort();
- const tabContent = document.createElement('div');
- tabContent.style = 'display: none; width: 100%; white-space: pre;';
-
- const processedLabels = uniqueLabels
- .map((label) => {
- const text = processedLabel(label);
- const copyIcon = '<span style="cursor: pointer; margin-left: 5px;" title="Copy to clipboard">📋</span>';
- return `<li style="margin-bottom: 0.3em; color: #000000;" data-label="${text}">${text}${copyIcon}</li>`;
- })
- .join('');
-
- tabContent.innerHTML = `<ul style="padding-left: 20px; margin-top: 0;">${processedLabels}</ul>`;
- contentContainer.appendChild(tabContent);
-
- // Add copying functionality
- tabContent.querySelectorAll('li').forEach((li) => {
- const icon = li.querySelector('span');
- if (icon) {
- icon.addEventListener('click', () => {
- const textToCopy = li.getAttribute('data-label'); // Get the text from a custom data attribute
- copyTextToClipboard(textToCopy);
- });
- }
- });
- });
-
- dropdownContainer.appendChild(select);
-
- let selectedLayerIndex = sortedLayerNames.indexOf(popupActiveLayer);
-
- if (selectedLayerIndex === -1 && select.options.length > 0) {
- selectedLayerIndex = 0;
- popupActiveLayer = sortedLayerNames[selectedLayerIndex];
- }
- select.selectedIndex = selectedLayerIndex;
-
- const allContents = contentContainer.querySelectorAll('div');
- allContents.forEach((content, index) => {
- content.style.display = index === select.selectedIndex ? 'block' : 'none';
- });
-
- select.addEventListener('change', () => {
- const contents = contentContainer.querySelectorAll('div');
- contents.forEach((content, index) => {
- content.style.display = index === select.selectedIndex ? 'block' : 'none';
- });
- popupActiveLayer = select.value;
- });
- }
-
- /**
- * Asynchronously fetches GIS features for visible, user-selected map layers, based on current viewport and settings.
- *
- * Functionality:
- * - Clears existing feature labels if a popup is visible, then returns early if fetching is disabled or zoom is below threshold.
- * - Determines which map layers are both fetchable and visible, and removes features for layers not being fetched.
- * - Updates layer checkbox UI and logs intended fetch actions.
- * - For each eligible GIS layer:
- * - Assembles an HTTP GET request (supports ArcGIS and Socrata platforms).
- * - Handles required API tokens and warns about missing tokens for relevant platforms.
- * - On successful response, delegates to the right feature processing function,
- * updates features, tracks per-layer processing, and updates the popup if needed.
- * - Logs and handles errors robustly (parsing, HTTP, platform, etc), including explicit UI feedback.
- *
- * Notes:
- * - The function leverages global application state for layers, map zoom, in-memory features, and UI feedback.
- * - Relies on helper functions and several external APIs (e.g., `sdk.Map`, `GM_xmlhttpRequest`, jQuery).
- * - Non-blocking: each layer fetch is asynchronous and processed independently.
- *
- * Error Handling:
- * - Logs parsing and HTTP errors with details.
- * - Sets UI labels to red for layers with errors or parsing issues.
- * - Alerts user if required API tokens are missing.
- *
- * Side Effects:
- * - Updates global feature collections (e.g., `roadFeatures`, `defaultFeatures`), label maps, popup contents, and UI highlighting.
- *
- * @async
- * @returns {Promise<void>} Does not resolve to a value. Operates via side effects on global state, the map, and the UI.
- *
- * @example
- * // Usually called without parameters, in response to map move/zoom or UI change:
- * await fetchFeatures();
- */
- async function fetchFeatures() {
- // 1. Clear labels if popup is open
- if (isPopupVisible) {
- Object.keys(layerLabels).forEach((key) => delete layerLabels[key]);
- }
- if (ignoreFetch) return;
- if (sdk.Map.getZoomLevel() < 12) return;
-
- await whatsInView();
-
- lastToken.cancel = true;
- lastToken = { cancel: false, features: [], layersProcessed: 0 };
- $('.gis-subL1-layer-label').css({});
-
- let _layersCleared = false;
- let layersToFetch = [];
-
- // 2. Prepare and clear features for layers not being fetched
- if (!_layersCleared) {
- _layersCleared = true;
- layersToFetch = getFetchableLayers(true, true);
- _gisLayers.forEach((gisLayer) => {
- if (!layersToFetch.includes(gisLayer)) {
- let featureCollection = gisLayer.isRoadLayer ? roadFeatures : defaultFeatures;
- const layerName = gisLayer.isRoadLayer ? ROAD_LAYER_NAME : DEFAULT_LAYER_NAME;
- const featureIds = featureCollection.filter((f) => f.properties.layerID === gisLayer.id).map((f) => f.id);
- if (featureIds.length) {
- sdk.Map.removeFeaturesFromLayer({ layerName, featureIds });
- featureCollection = featureCollection.filter((f) => !featureIds.includes(f.id));
- if (gisLayer.isRoadLayer) {
- roadFeatures = featureCollection;
- } else {
- defaultFeatures = featureCollection;
- }
- }
- }
- });
- }
-
- filterLayerCheckboxes();
- logDebug(`Fetching ${layersToFetch.length} layers...`, layersToFetch);
-
- let layersProcessedCount = 0;
- const extentWGS84 = getMapExtent('wgs84');
- const zoom = sdk.Map.getZoomLevel();
-
- // 3. Fetch features per-layer
- layersToFetch.forEach((gisLayer) => {
- const url = getUrl(extentWGS84, gisLayer, zoom);
-
- // Build headers if needed
- /** @type {Object.<string, string>} */
- const headers = {};
- const appToken = settings.socrataAppToken ? settings.socrataAppToken.trim() : '';
- const isSocrata = gisLayer.platform === 'SocrataV2' || gisLayer.platform === 'SocrataV3';
-
- if (isSocrata && appToken) {
- headers['X-App-Token'] = appToken;
- }
- if (gisLayer.platform === 'SocrataV3' && !appToken) {
- logDebug(`Socrata V3 layer "${gisLayer.id}" requires an App Token, but none was provided.`);
- WazeWrap.Alerts.warning(GM_info.script.name, `A Socrata App Token is required for layer "${gisLayer.name}".<br>Please provide one in the GIS Layers settings.`);
- return;
- }
-
- GM_xmlhttpRequest({
- url,
- headers,
- context: lastToken,
- method: 'GET',
- onload(res2) {
- if (res2.status < 400) {
- try {
- const parsedData = $.parseJSON(res2.responseText);
-
- // Call appropriate feature processor
- if (gisLayer.platform === 'ArcGIS' || !gisLayer.platform) {
- processFeaturesArcGIS(parsedData, res2.context, gisLayer);
- } else if (isSocrata) {
- processFeaturesGeoJSON(parsedData, res2.context, gisLayer);
- } else {
- logError(`Unknown platform "${gisLayer.platform}" for layer "${gisLayer.id}". Skipped processing.`);
- }
- } catch (parseError) {
- logError(`Parsing error for layer "${gisLayer.id}": ${parseError.message}`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- }
- layersProcessedCount += 1;
- if (layersProcessedCount === layersToFetch.length && isPopupVisible) {
- updatePopup(layerLabels);
- }
- } else {
- logError(`HTTP error for layer "${gisLayer.id}": ${res2.status} ${res2.statusText}`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- }
- },
- onerror(res3) {
- logError(`Could not fetch layer "${gisLayer.id}". Error: ${res3.statusText} (status code: ${res3.status})`);
- $(`#gis-layer-${gisLayer.id}-container > label`).css('color', 'red');
- },
- });
- });
- }
-
- function showScriptInfoAlert() {
- /* Check version and alert on update */
- if (SHOW_UPDATE_MESSAGE && scriptVersion !== settings.lastVersion) {
- // alert(SCRIPT_VERSION_CHANGES);
- let releaseNotes = '';
- releaseNotes += "<p>What's New:</p>";
- if (SCRIPT_VERSION_CHANGES.length > 0) {
- releaseNotes += '<ul>';
- for (let idx = 0; idx < SCRIPT_VERSION_CHANGES.length; idx++) releaseNotes += `<li>${SCRIPT_VERSION_CHANGES[idx]}`;
- releaseNotes += '</ul>';
- } else {
- releaseNotes += '<ul><li>Nothing major.</ul>';
- }
- WazeWrap.Interface.ShowScriptUpdate(GM_info.script.name, scriptVersion, releaseNotes, GF_URL);
- }
- }
-
- async function setEnabled(value) {
- settings.enabled = value;
- saveSettingsToStorage();
- sdk.Map.setLayerVisibility({ layerName: DEFAULT_LAYER_NAME, visibility: value });
- sdk.Map.setLayerVisibility({ layerName: ROAD_LAYER_NAME, visibility: value });
- const color = value ? '#00bd00' : '#ccc';
- $('span#gis-layers-power-btn').css({ color });
- if (value) await fetchFeatures();
- sdk.LayerSwitcher.setLayerCheckboxChecked({ name: 'GIS Layers', isChecked: value });
-
- // Show/hide the popup based on the enabled state
- const popup = document.getElementById('layerLabelPopup');
- if (popup) {
- popup.style.display = value ? 'block' : 'none';
- isPopupVisible = value;
- }
- }
-
- async function onGisLayerToggleChanged() {
- const checked = $(this).is(':checked');
- const layerId = $(this).data('layer-id');
- const idx = settings.visibleLayers.indexOf(layerId);
- if (checked) {
- const gisLayer = _gisLayers.find((l) => l.id === layerId);
- if (gisLayer.oneTimeAlert) {
- const lastAlertHash = settings.oneTimeAlerts[layerId];
- const newAlertHash = hashString(gisLayer.oneTimeAlert);
- if (lastAlertHash !== newAlertHash) {
- // alert(`Layer: ${gisLayer.name}\n\nMessage:\n${gisLayer.oneTimeAlert}`);
- WazeWrap.Alerts.info(GM_info.script.name, `Layer: ${gisLayer.name}<br><br>Message:<br>${gisLayer.oneTimeAlert}`);
- settings.oneTimeAlerts[layerId] = newAlertHash;
- saveSettingsToStorage();
- }
- }
- if (idx === -1) settings.visibleLayers.push(layerId);
- } else if (idx > -1) settings.visibleLayers.splice(idx, 1);
- if (!ignoreFetch) {
- saveSettingsToStorage();
- await fetchFeatures();
- }
- }
-
- async function onOnlyShowApplicableLayersChanged() {
- settings.onlyShowApplicableLayers = $(this).is(':checked');
- saveSettingsToStorage();
- filterLayerCheckboxes();
- }
-
- async function onOnlyShowApplicableLayersZoomChanged() {
- settings.onlyShowApplicableLayersZoom = $(this).is(':checked');
- saveSettingsToStorage();
- filterLayerCheckboxes();
- }
-
- async function onSub1CheckChanged(subL1, evt) {
- const idx = settings.selectedSubL1.indexOf(subL1);
- if (evt.target.checked) {
- if (idx === -1) settings.selectedSubL1.push(subL1);
- } else if (idx > -1) settings.selectedSubL1.splice(idx, 1);
- if (!ignoreFetch) {
- saveSettingsToStorage();
- initLayersTab();
- await fetchFeatures();
- }
- }
-
- async function batchUpdateSelectedSubL1() {
- // Gather all checked subL1's from DOM
- const checked = $('.gis-layers-subL1-checkbox:checked')
- .map(function () {
- return $(this).data('sub');
- })
- .get();
-
- settings.selectedSubL1 = checked;
-
- if (!ignoreFetch) {
- saveSettingsToStorage();
- initLayersTab();
- await fetchFeatures();
- }
- }
-
- function onLayerCheckboxChanged(args) {
- setEnabled(args.checked);
- }
-
- function setFillParcels(doFill) {
- [LAYER_STYLES.parcels, LAYER_STYLES.state_parcels].forEach((style) => {
- style.fillOpacity = doFill ? 0.2 : 0;
- });
- }
-
- async function onFillParcelsCheckedChanged(evt) {
- const { checked } = evt.target;
- setFillParcels(checked);
- settings.fillParcels = checked;
- saveSettingsToStorage();
- await fetchFeatures();
- }
-
- async function onMapMove() {
- if (settings.enabled) {
- await loadVisibleCountryData();
- await fetchFeatures();
- }
- }
-
- function onRefreshLayersClick() {
- const $btn = $('#gis-layers-refresh');
- if (!$btn.hasClass('fa-spin')) {
- $btn.css({ cursor: 'auto' });
- $btn.addClass('fa-spin');
- init(false);
- }
- }
-
- function onChevronClick(evt) {
- const $target = $(evt.currentTarget);
- const $div = $($target.siblings()[0]);
- const fieldsetId = $target.parent('fieldset').attr('id');
- const sectionKey = fieldsetId ? fieldsetId.replace('gis-layers-for-', '') : null;
- $($target.children()[0]).toggleClass('fa fa-fw fa-chevron-down').toggleClass('fa fa-fw fa-chevron-right');
- if ($div.css('display') === 'none') {
- $div.css('display', 'block');
- if (sectionKey) settings.collapsedSections[sectionKey] = false;
- } else {
- $div.css('display', 'none');
- if (sectionKey) settings.collapsedSections[sectionKey] = true;
- }
- if (sectionKey) saveSettingsToStorage();
- }
-
- async function doToggleABunch(evt, checkState) {
- ignoreFetch = true;
- $(evt.target).closest('fieldset').find('input').prop('checked', !checkState).trigger('click');
- ignoreFetch = false;
- saveSettingsToStorage();
- if (evt.data) initLayersTab();
- await fetchFeatures();
- }
-
- function onSelectAllClick(evt) {
- doToggleABunch(evt, true);
- }
-
- function onSelectNoneClick(evt) {
- doToggleABunch(evt, false);
- }
-
- async function onGisAddrDisplayChange(evt) {
- settings.addrLabelDisplay = evt.target.value;
- saveSettingsToStorage();
- await fetchFeatures();
- }
-
- function onAddressDisplayShortcutKey() {
- if (!$('#gisAddrDisplay-hn').is(':checked')) {
- $('#gisAddrDisplay-hn').click();
- } else {
- $('#gisAddrDisplay-all').click();
- }
- }
-
- function onToggleGisLayersShortcutKey() {
- setEnabled(!settings.enabled);
- }
-
- function togglePopupVisibility() {
- const popup = document.getElementById('layerLabelPopup');
- if (popup) {
- popup.style.display = isPopupVisible ? 'block' : 'none';
- }
- saveSettingsToStorage();
- }
-
- /**
- * Initializes and configures GIS map layers on the map SDK.
- *
- * This function:
- * - Generates style rules for each GIS layer (excluding those with 'roads' style),
- * - Sets parcel fill visualization based on settings,
- * - Removes then adds map layers with appropriate styling and label contexts,
- * - Sets layer visibility according to current settings.
- *
- * Dependencies and required globals:
- * - _gisLayers: Array of GIS layer objects ({ id, style, ... })
- * - LAYER_STYLES: Object containing available layer styles
- * - settings: Layer-related user/application settings ({ fillParcels, enabled })
- * - sdk: WME SDK object
- * - DEFAULT_LAYER_NAME, ROAD_LAYER_NAME: String constants for layer names
- * - DEFAULT_STYLE, ROAD_STYLE: Style objects for layers
- * - setFillParcels: Function to update parcel visualization
- *
- * Side Effects:
- * - Modifies visible layers on the map via sdk.Map
- * - May throw or suppress errors depending on layer state
- *
- * @function initLayer
- */
- function initLayer() {
- const rules = _gisLayers
- .filter((gisLayer) => gisLayer.style && gisLayer.style !== 'roads')
- .map((gisLayer) => {
- let style;
- if (LAYER_STYLES.hasOwnProperty(gisLayer.style)) {
- style = LAYER_STYLES[gisLayer.style];
- } else {
- style = gisLayer.style;
- }
- return {
- predicate: (featureProperties) => featureProperties.layerID === gisLayer.id,
- style,
- };
- });
-
- setFillParcels(settings.fillParcels);
-
- try {
- sdk.Map.removeLayer({ layerName: DEFAULT_LAYER_NAME });
- } catch (e) {
- // If InvalidStateError, then the layer doesn't exist yet. Ignore the error
- if (!(e instanceof sdk.Errors.InvalidStateError)) {
- throw e;
- }
- }
- sdk.Map.addLayer({
- layerName: DEFAULT_LAYER_NAME,
- styleContext: {
- getLabel: (context) => context.feature?.properties?.label,
- },
- styleRules: [{ style: DEFAULT_STYLE }, ...rules],
- zIndexing: true,
- });
-
- try {
- sdk.Map.removeLayer({ layerName: ROAD_LAYER_NAME });
- } catch (e) {
- // If InvalidStateError, then the layer doesn't exist yet. Ignore the error
- if (!(e instanceof sdk.Errors.InvalidStateError)) {
- throw e;
- }
- }
- const zoomLevel = sdk.Map.getZoomLevel();
- sdk.Map.addLayer({
- layerName: ROAD_LAYER_NAME,
- styleContext: {
- getLabel: (context) => context.feature?.properties?.label,
- getOffset: () => -(zoomLevel + 5),
- getSmooth: () => '',
- getReadable: () => '1',
- },
- styleRules: [{ style: ROAD_STYLE }],
- });
-
- sdk.Map.setLayerVisibility({ layerName: DEFAULT_LAYER_NAME, visibility: settings?.enabled });
- sdk.Map.setLayerVisibility({ layerName: ROAD_LAYER_NAME, visibility: settings?.enabled });
- } // END InitLayer
-
- /**
- * Initializes and renders the GIS Layers tab user interface.
- *
- * This function rebuilds the '#panel-gis-subL1-layers' container DOM,
- * including checkboxes and controls for filtering layers by region, zoom level,
- * and specific SubL1 categories. It binds all relevant event handlers for interactions.
- *
- * Dependencies (must be in scope when called):
- * - userInfo: { userName }
- * - settings: contains selectedSubL1, onlyShowApplicableLayers, onlyShowApplicableLayersZoom, visibleLayers, collapsedSections
- * - _gisLayers: List of GIS layer objects, each with { id, name, countrySubL1, restrictTo }
- * - NameMapper: object with method toFullName(subL1) -> string
- * - jQuery ($)
- * - Lodash (_)
- * - Event handlers: onOnlyShowApplicableLayersChanged, onOnlyShowApplicableLayersZoomChanged, onSelectAllClick, onSelectNoneClick, onChevronClick, onGisLayerToggleChanged
- *
- * Side Effects:
- * - Modifies the DOM inside #panel-gis-subL1-layers
- * - Sets up interactive controls for GIS layer filtering and visibility
- *
- * @function
- */
- function initLayersTab() {
- const subL1 = _.uniq(_gisLayers.map((l) => l.countrySubL1)).filter((sub) => settings?.selectedSubL1?.includes(sub));
-
- $('#panel-gis-subL1-layers')
- .empty()
- .append(
- $('<div>', { class: 'controls-container' })
- .css({ 'padding-top': '0px' })
- .append(
- $('<input>', { type: 'checkbox', id: 'only-show-applicable-gis-layers' }).on('change', onOnlyShowApplicableLayersChanged).prop('checked', settings?.onlyShowApplicableLayers),
- $('<label>', { for: 'only-show-applicable-gis-layers' }).css({ 'white-space': 'pre-line' }).text('Only show applicable layers for Region')
- ),
- $('<div>', { class: 'controls-container' })
- .css({ 'padding-top': '0px' })
- .append(
- $('<input>', { type: 'checkbox', id: 'only-show-applicable-gis-layers-for-zoom-level' })
- .on('change', onOnlyShowApplicableLayersZoomChanged)
- .prop('checked', settings?.onlyShowApplicableLayersZoom),
- $('<label>', { for: 'only-show-applicable-gis-layers-for-zoom-level' }).css({ 'white-space': 'pre-line' }).text('Include Zoom Level in filter')
- ),
- $('.gis-layers-subL1-checkbox:checked').length === 0
- ? $('<div>').text('Turn on layer categories in the Settings tab.')
- : subL1.map((sub) =>
- $('<fieldset>', {
- id: `gis-layers-for-${sub}`,
- style: 'border:1px solid silver;padding:4px;border-radius:4px;-webkit-padding-before: 0;',
- }).append(
- $('<legend>', { style: 'margin-bottom:0px;border-bottom-style:none;width:auto;' })
- .on('click', onChevronClick)
- .append(
- $('<i>', {
- class: settings?.collapsedSections[sub] ? 'fa fa-fw fa-chevron-right' : 'fa fa-fw fa-chevron-down',
- style: 'cursor: pointer;font-size: 12px;margin-right: 4px',
- }),
- $('<span>', {
- style: 'font-size:14px;font-weight:600;text-transform: uppercase; cursor: pointer',
- }).text(NameMapper.toFullName(sub))
- ),
- $('<div>', {
- id: `${sub}_body`,
- style: settings?.collapsedSections[sub] ? 'display: none;' : 'display: block;',
- }).append(
- $('<div>')
- .css({ 'font-size': '11px' })
- .append(
- $('<span>').append('Select ', $('<a>', { href: '#' }).text('All').on('click', onSelectAllClick), ' / ', $('<a>', { href: '#' }).text('None').on('click', onSelectNoneClick))
- ),
- $('<div>', { class: 'controls-container', style: 'padding-top:0px;' }).append(
- _gisLayers
- .filter((l) => l.countrySubL1 === sub)
- .map((gisLayer) => {
- const id = `gis-layer-${gisLayer.id}`;
- return $('<div>', { class: 'controls-container', id: `${id}-container` })
- .css({ 'padding-top': '0px', display: 'block' })
- .append(
- $('<input>', { type: 'checkbox', id }).data('layer-id', gisLayer.id).on('change', onGisLayerToggleChanged).prop('checked', settings?.visibleLayers?.includes(gisLayer.id)),
- $('<label>', { for: id, class: 'gis-subL1-layer-label' })
- .css({ 'white-space': 'pre-line' })
- .text(`${gisLayer.name}${gisLayer.restrictTo ? ' *' : ''}`)
- .attr('title', gisLayer.restrictTo ? `Restricted to: ${gisLayer.restrictTo}` : '')
- .on('contextmenu', (evt) => {
- evt.preventDefault();
- _layerSettingsDialog.gisLayer = gisLayer;
- _layerSettingsDialog.show();
- })
- );
- })
- )
- )
- )
- )
- );
- }
-
- /**
- * Initializes and renders the GIS Layers "Settings" tab UI.
- *
- * This function dynamically builds the user interface for the GIS settings panel,
- * allowing users to control label display, popup options, country/group enablement,
- * layer appearance (e.g., fill parcels), and manage special tokens for data access.
- *
- * Features:
- * - Group GIS layers by country and present checkboxes for subregion enablement.
- * - Provide radio buttons for address label and popup display settings.
- * - Provide 'Select All' / 'Select None' batch controls for subregions per country.
- * - Present appearance options (e.g., "Fill parcels" toggle).
- * - Manage Tyler/Socrata App Token with in-panel input and help links.
- * - Integrate custom group management and "Load All Layers" functionality.
- * - Set up all necessary event handlers for user interactions (clicks/change, etc.).
- *
- * Dependencies (must be defined in scope at runtime):
- * - _gisLayers: Array of GIS layer objects ({id, name, country, countrySubL1, ...})
- * - settings: Object containing UI/user state/settings (see code for properties used)
- * - NameMapper: Object/function mapping region codes to display names (`toFullName`)
- * - SCRIPT_AUTHOR: String for author/contact (for tooltips)
- * - jQuery ($), Lodash (_)
- * - Event/callback handlers: onChevronClick, onSub1CheckChanged, onFillParcelsCheckedChanged, onGisAddrDisplayChange, openLayerGroupManagerDialog, batchUpdateSelectedSubL1, saveSettingsToStorage, loadSpreadsheetAsync, initTab, logDebug, logError, togglePopupVisibility
- * - isPopupVisible: Boolean flag for popup state (mutated)
- *
- * Side Effects:
- * - Rebuilds the DOM within #panel-gis-layers-settings
- * - Registers event handlers and toggles settings state objects
- * - May trigger async functions for loading layers/groups and updating settings
- *
- * @function initSettingsTab
- * @returns {void}
- */
- function initSettingsTab() {
- // Group layers by country
- const layersByCountry = _.groupBy(_gisLayers, 'country');
-
- /**
- * Creates a radio input and label as jQuery objects.
- * @param {string} name
- * @param {string} value
- * @param {string} text
- * @param {boolean} checked
- * @returns {Array} [input, label] as jQuery objects
- */
- function createRadioBtn(name, value, text, checked) {
- const id = `${name}-${value}`;
- return [
- $('<input>', {
- type: 'radio',
- id,
- name,
- value,
- }).prop('checked', checked),
- $('<label>', { for: id }).text(text).css({
- paddingLeft: '15px',
- marginRight: '4px',
- }),
- ];
- }
-
- $('#panel-gis-layers-settings')
- .empty()
- .append(
- $('<fieldset>', {
- style: 'border:1px solid silver;padding:8px;border-radius:4px;-webkit-padding-before: 0;margin-top:-8px;',
- }).append(
- $('<legend>', {
- style: 'margin-bottom:0px;border-bottom-style:none;width:auto;',
- }).append(
- $('<span>', {
- style: 'font-size:14px;font-weight:600;text-transform: uppercase;',
- }).text('Labels')
- ),
- $('<div>', { id: 'labelSettings' }).append(
- $('<div>', { class: 'controls-container' })
- .css({ 'padding-top': '2px' })
- .append(
- $('<label>', { style: 'font-weight:normal;' }).text('Addresses:'),
- createRadioBtn('gisAddrDisplay', 'hn', 'HN', settings.addrLabelDisplay === 'hn'),
- createRadioBtn('gisAddrDisplay', 'street', 'Street', settings.addrLabelDisplay === 'street'),
- createRadioBtn('gisAddrDisplay', 'all', 'Both', settings.addrLabelDisplay === 'all'),
- createRadioBtn('gisAddrDisplay', 'none', 'None', settings.addrLabelDisplay === 'none'),
- // You may get TS errors for tooltip() unless you declare it (see previous answer)
- $('<i>', {
- class: 'waze-tooltip',
- id: 'gisAddrDisplayInfo',
- 'data-toggle': 'tooltip',
- style: 'margin-left:8px; font-size:12px',
- 'data-placement': 'bottom',
- title: `This may not work properly for all layers. Please report issues to ${SCRIPT_AUTHOR}.`,
- }).tooltip(),
- $('<br>'),
- $('<label>', { style: 'font-weight:normal; margin-left:8px;' }).text('Label Popup:'),
- createRadioBtn('popupVisibility', 'show', 'Show', isPopupVisible),
- createRadioBtn('popupVisibility', 'hide', 'Hide', !isPopupVisible)
- )
- )
- )
- );
-
- // Create groups by country
- Object.keys(layersByCountry)
- .sort()
- .forEach((country) => {
- const subRegions = _.uniq(layersByCountry[country].map((l) => l.countrySubL1));
- // Unique selector base for this country
- const countryContainerId = `country_${country}_body`;
-
- $('#panel-gis-layers-settings').append(
- $('<fieldset>', { style: 'border:1px solid silver;padding:8px;border-radius:4px;-webkit-padding-before:0;' }).append(
- $('<legend>', { style: 'margin-bottom:0px;border-bottom-style:none;width:auto;' })
- // OLD: .click(onChevronClick) -- DEPRECATED
- .on('click', onChevronClick)
- .append(
- $('<i>', { class: 'fa fa-fw fa-chevron-down', style: 'cursor: pointer;font-size: 12px;margin-right: 4px' }),
- $('<span>', { style: 'font-size:14px;font-weight:600;text-transform:uppercase;' }).text(NameMapper.toFullName(country))
- ),
- $('<div>', { id: countryContainerId }).append(
- // One Select All/None row per COUNTRY
- $('<div>', { class: 'gis-select-all-controls', style: 'font-size:11px;margin-bottom:4px;' }).append(
- 'Select ',
- $('<a>', { href: '#', 'data-country': country, class: 'gis-select-all-country' }).text('All'),
- ' / ',
- $('<a>', { href: '#', 'data-country': country, class: 'gis-select-none-country' }).text('None')
- ),
- // All the subregion checkboxes
- subRegions.map((countrySubL1) => {
- const fullName = NameMapper.toFullName(countrySubL1);
- const id = `gis-layer-enable-subL1-${countrySubL1}`;
- return $('<div>', { class: 'controls-container' })
- .css({ 'padding-top': '0px', display: 'block' })
- .append(
- $('<input>', {
- type: 'checkbox',
- id,
- class: 'gis-layers-subL1-checkbox',
- 'data-sub': countrySubL1,
- 'data-country': country,
- })
- .on('change', (evt) => onSub1CheckChanged(countrySubL1, evt)) // <--- pass subL1
- .prop('checked', settings.selectedSubL1.includes(countrySubL1)),
- $('<label>', { for: id }).css({ 'white-space': 'pre-line' }).text(fullName)
- );
- })
- )
- )
- );
- });
-
- $('#panel-gis-layers-settings').append(
- $('<fieldset>', { style: 'border:1px solid silver;padding:8px;border-radius:4px;-webkit-padding-before:0;' }).append(
- $('<legend>', { style: 'margin-bottom:0px;border-bottom-style:none;width:auto;' }).append(
- $('<span>', { style: 'font-size:14px;font-weight:600;text-transform:uppercase;' }).text('Appearance')
- ),
- $('<div>', { class: 'controls-container' })
- .css({ 'padding-top': '2px' })
- .append(
- $('<input>', { type: 'checkbox', id: 'fill-parcels' }).change(onFillParcelsCheckedChanged).prop('checked', settings.fillParcels),
- $('<label>', { for: 'fill-parcels' }).css({ 'white-space': 'pre-line' }).text('Fill parcels')
- )
- )
- );
-
- // ---- SOCRATA APP TOKEN SECTION ----
- $('#panel-gis-layers-settings').append('<div id="socrata-app-token-anchor"></div>');
-
- function renderSocrataAppTokenSection() {
- $('#socrata-app-token-section').remove();
-
- const hasToken = !!settings.socrataAppToken;
- const inputType = hasToken ? 'password' : 'text';
- const inputVal = hasToken ? settings.socrataAppToken : '';
- const inputPh = hasToken ? 'Token is set' : 'Enter Socrata App Token';
- const btnLabel = hasToken ? 'Remove' : 'Save';
-
- const $fieldset = $('<fieldset>', {
- id: 'socrata-app-token-section',
- style: 'border:1px solid #b9b9b9;margin-top:6px;padding:8px;border-radius:4px;',
- }).append(
- $('<legend>', {
- style: 'margin-bottom:0px;border-bottom-style:none;width:auto;',
- }).append(
- $('<span>', {
- style: 'font-size:14px;font-weight:600;text-transform:uppercase;',
- }).text('Tyler/Socrata App Token')
- ),
- $('<div>', {
- style: ['display:flex', 'gap:8px', 'align-items:center', 'border:1px solid #b9b9b9', 'border-radius:4px', 'padding:4px 8px'].join(';'),
- }).append(
- $('<input>', {
- type: inputType,
- id: 'socrata-app-token-input',
- style: ['flex:1 1 auto', 'border:none', 'background:transparent', 'outline:none', 'font-size:12px', 'padding:4px 0', 'color:inherit'].join(';'),
- placeholder: inputPh,
- disabled: hasToken, // disable input when token is set
- }).val(inputVal),
- $('<button>', {
- id: 'save-socrata-app-token-btn',
- style: ['border:none', 'background:transparent', 'color:#335', 'margin:0 2px', 'padding:2px 10px', 'border-radius:3px', 'font-size:13px', 'cursor:pointer'].join(';'),
- text: btnLabel,
- })
- ),
- $('<div>', {
- style: 'margin:6px 2px 0 2px;',
- }).append(
- $('<span>', {
- style: 'color:#777;font-size:11px;',
- html: 'Recommended for all <b>·</b> <span style="color:#b00;">Required for V3 API</span>',
- })
- )
- );
-
- if (!hasToken) {
- // Show help links if token is not set
- const $helpDiv = $('<div>', {
- style: 'margin:2px 2px 0 2px;font-size:11px;',
- }).append(
- $('<div>').append(
- $('<a>', {
- href: 'https://support.socrata.com/hc/en-us/articles/115004055807-How-to-Sign-Up-for-a-Tyler-Data-Insights-ID',
- target: '_blank',
- rel: 'noopener noreferrer',
- style: 'color:#357ab8;text-decoration:underline;',
- text: 'How to Sign Up for a Tyler Data & Insights ID',
- })
- ),
- $('<div>').append(
- $('<a>', {
- href: 'https://support.socrata.com/hc/en-us/articles/210138558-Generating-App-Tokens-and-API-Keys',
- target: '_blank',
- rel: 'noopener noreferrer',
- style: 'color:#357ab8;text-decoration:underline;',
- text: 'How to Generating App Tokens',
- })
- )
- );
- $fieldset.append($helpDiv);
- }
-
- // (insert after anchor)
- $('#socrata-app-token-anchor').after($fieldset);
-
- // Single handler for the button
- $('#save-socrata-app-token-btn')
- .off('click')
- .on('click', function () {
- if (!hasToken) {
- const token = String($('#socrata-app-token-input').val()).trim();
- settings.socrataAppToken = token;
- saveSettingsToStorage();
- $(this)
- .text('Saved!')
- .delay(1000)
- .queue(function (next) {
- $(this).text('Remove');
- next();
- });
- } else {
- // Remove the token
- settings.socrataAppToken = '';
- saveSettingsToStorage();
- }
- renderSocrataAppTokenSection();
- });
- }
-
- renderSocrataAppTokenSection();
- // ---- SOCRATA APP TOKEN SECTION END
-
- $('input[name="gisAddrDisplay"]').on('change', onGisAddrDisplayChange);
-
- $('input[name="popupVisibility"]').on('change', function () {
- isPopupVisible = $(this).val() === 'show';
- togglePopupVisibility();
- });
-
- // -- CUSTOM Group Popup & Load All Button --
- $('#panel-gis-layers-settings').append(
- $('<fieldset>', { style: 'border:1px solid #8ea0b7;margin-top:6px;padding:8px;border-radius:4px;' }).append(
- $('<legend>', { style: 'margin-bottom:0px;border-bottom-style:none;width:auto;' }).append(
- $('<span>', { style: 'font-size:14px;font-weight:600;text-transform:uppercase;' }).text('Layer Groupings')
- ),
- $('<div>').append(
- $('<button>', {
- id: 'gis-manager-launch-btn',
- class: 'form-control',
- style: 'display:inline-block;padding:2px 8px;margin-top:3px; background:#4d6a88; color:#eaf6ff; border:1px solid #50667b;',
- }).text('Manage Custom Groups'),
- $('<button>', {
- id: 'gis-load-all-btn',
- class: 'form-control',
- style: 'display:inline-block;padding:2px 8px;margin-top:3px;background:#548342;color:#fff;border:1px solid #406927;',
- title: 'Load ALL country/state/region layers for custom grouping (slower)',
- }).text('Load All Layers')
- )
- )
- );
-
- $('#gis-manager-launch-btn').off('click').on('click', openLayerGroupManagerDialog);
-
- $('#gis-load-all-btn')
- .off('click')
- .on('click', async function () {
- $(this).prop('disabled', true).text('Loading...');
- try {
- await loadSpreadsheetAsync('ALL', 'ALL');
- initTab(false);
- logDebug('All layers loaded!');
- } catch (e) {
- logError(`Error in load all Layers: ${e.message || e}`);
- }
- $(this).prop('disabled', false).text('Load All Layers');
- });
- // -- END CUSTOM Group Popup & Load All Button --
-
- // Select all subregions under a country functionality
- $('#panel-gis-layers-settings')
- .off('click', '.gis-select-all-country')
- .on('click', '.gis-select-all-country', async function (e) {
- e.preventDefault();
- const country = $(this).data('country');
- // Check all
- $(`.gis-layers-subL1-checkbox[data-country="${country}"]`).prop('checked', true);
- await batchUpdateSelectedSubL1(); // <- collect and process only ONCE!
- });
-
- $('#panel-gis-layers-settings')
- .off('click', '.gis-select-none-country')
- .on('click', '.gis-select-none-country', async function (e) {
- e.preventDefault();
- const country = $(this).data('country');
- // Uncheck all
- $(`.gis-layers-subL1-checkbox[data-country="${country}"]`).prop('checked', false);
- await batchUpdateSelectedSubL1(); // <- collect and process only ONCE!
- });
- }
-
- /**
- * Initializes the GIS Layers tab UI.
- *
- * - On the first call, generates tab content dynamically and registers the tab with the sidebar.
- * - Sets various UI elements: labels, buttons, a report request link, refresh icon, and settings panel.
- * - Wires up event handlers for toggling GIS Layers and refreshing layer info.
- * - Always calls sub-initializers for settings and layers.
- *
- * @async
- * @function initTab
- * @param {boolean} [firstCall=true] - Whether this is the first initialization (controls tab registration and content rendering).
- * @returns {Promise<void>} Resolves when initialization is complete.
- */
- async function initTab(firstCall = true) {
- if (firstCall) {
- // Build the tab content UI, including version, report/request link, refresh button, and tab panes.
- const content = $('<div>')
- .append(
- // Script name and version.
- $('<span>', { style: 'font-size:14px;font-weight:600' }).text('GIS Layers'),
- $('<span>', { style: 'font-size:11px;margin-left:10px;color:#aaa;' }).text(GM_info.script.version),
- // Report/request Google Form link.
- $('<a>', {
- href: REQUEST_FORM_URL.replace('{username}', userInfo?.userName ?? ''),
- target: '_blank',
- style: 'color: #6290b7;font-size: 12px;margin-left: 8px;',
- title: 'Report broken layers, bugs, request new layers, script features',
- }).text('Submit a request'),
- // Refresh icon.
- $('<span>', {
- id: 'gis-layers-refresh',
- class: 'fa fa-refresh',
- style: 'float: right;',
- 'data-toggle': 'tooltip',
- title: 'Pull new layer info from master sheet and refresh all layers.',
- }),
- // Nav tabs for layer/settings panels.
- '<ul class="nav nav-tabs">' +
- '<li class="active"><a data-toggle="tab" href="#panel-gis-subL1-layers" aria-expanded="true">Layers</a></li>' +
- '<li><a data-toggle="tab" href="#panel-gis-layers-settings" aria-expanded="true">Settings</a></li>' +
- '</ul>',
- // Tab panels for layers and settings.
- $('<div>', { class: 'tab-content', style: 'padding:8px;padding-top:2px' }).append(
- $('<div>', { class: 'tab-pane active', id: 'panel-gis-subL1-layers', style: 'padding: 4px 0px 0px 0px; width: auto' }),
- $('<div>', { class: 'tab-pane', id: 'panel-gis-layers-settings', style: 'padding: 4px 0px 0px 0px; width: auto' })
- )
- )
- .html();
-
- // Build the "power" button and label.
- const powerButtonColor = settings.enabled ? '#00bd00' : '#ccc';
- const labelText = $('<div>')
- .append(
- $('<span>', {
- class: 'fa fa-power-off',
- id: 'gis-layers-power-btn',
- style: `margin-right: 5px;cursor: pointer;color: ${powerButtonColor};font-size: 13px;`,
- title: 'Toggle GIS Layers',
- }),
- $('<span>', { title: 'GIS Layers' }).text('GIS-L')
- )
- .html();
-
- // Register a new script tab in the sidebar and fill in content.
- const { tabLabel, tabPane } = await sdk.Sidebar.registerScriptTab();
- tabLabel.innerHTML = labelText;
- tabPane.innerHTML = content;
-
- // Tweak tab spacing and wire up power and refresh buttons.
- $(tabPane).parent().css({ width: 'auto', padding: '6px' });
- $('#gis-layers-power-btn').on('click', function () {
- setEnabled(!settings.enabled);
-
- // Prevent parent tab activation when toggling GIS-Layers.
- return false;
- });
-
- $('#gis-layers-refresh').on('click', onRefreshLayersClick);
- }
-
- // Always initialize settings and layer panels.
- initSettingsTab();
- initLayersTab();
- }
-
- /**
- * Initializes the GIS Layers script UI and event handlers, including tab content, layer controls, and listeners.
- *
- * - On first initialization, sets up the layer tab, adds the GIS Layers checkbox to the Layer Switcher,
- * synchronizes its checked state with settings, subscribes to layer and map events, and displays the script info alert.
- * - On subsequent calls, reinitializes the tab contents with the current state.
- *
- * @function initGui
- * @param {boolean} [firstCall=true] - Whether this is the initial setup or a subsequent refresh.
- * @returns {void}
- */
- function initGui(firstCall = true) {
- initLayer();
- if (firstCall) {
- initTab(true);
- sdk.LayerSwitcher.addLayerCheckbox({ name: 'GIS Layers' });
- sdk.LayerSwitcher.setLayerCheckboxChecked({ name: 'GIS Layers', isChecked: settings.enabled });
- sdk.Events.on({ eventName: 'wme-layer-checkbox-toggled', eventHandler: onLayerCheckboxChanged });
- sdk.Events.on({ eventName: 'wme-map-move-end', eventHandler: onMapMove });
- showScriptInfoAlert();
- } else {
- initTab(firstCall);
- }
- }
-
- /**
- * Opens the GIS Layer Group Manager dialog for managing saved layer/region groups.
- *
- * - Renders a draggable dialog unless already open.
- * - Allows the user to save, load, and delete "layer groups": sets of currently selected regions and visible GIS layers.
- * - Integrates with `settings` (for state), WazeWrap.Alerts (for confirmation/prompt), and uses jQuery for UI.
- * - Cleans up event handlers on close/escape.
- *
- * @function openLayerGroupManagerDialog
- * @returns {void}
- */
- function openLayerGroupManagerDialog() {
- if ($('#gis-layer-group-dialog').length) return;
-
- // --- Color & style constants for easy palette harmonization ---
- const BTN_STYLE_BLUE =
- 'min-width:120px;height:38px;display:flex;align-items:center;justify-content:center;' +
- 'border:1.5px solid #50667b;border-radius:7px; font-size:15px;font-weight:600;' +
- 'background:#4d6a88;color:#eaf6ff;box-shadow:0 2px 7px #35587015;cursor:pointer; outline:none;';
- const BTN_STYLE_GREEN =
- 'min-width:120px;height:38px;display:flex;align-items:center;justify-content:center;' +
- 'border:1.5px solid #406927;border-radius:7px;font-size:15px;font-weight:600;' +
- 'background:#548342;color:#fff;box-shadow:0 2px 7px #35587015;cursor:pointer; outline:none;';
- const BTN_STYLE_RED =
- 'min-width:120px;height:38px;display:flex;align-items:center;justify-content:center;' +
- 'border:1.5px solid #9b2020;border-radius:7px;font-size:15px;font-weight:600;' +
- 'background:#c14444;color:#fff;box-shadow:0 2px 7px #35587015;cursor:pointer; outline:none;';
- const BTN_STYLE_ORANGE =
- 'min-width:120px;height:38px;display:flex;align-items:center;justify-content:center;' +
- 'border:1.5px solid #9c5b13;border-radius:7px;font-size:15px;font-weight:600;' +
- 'background:#d58431;color:#fff;box-shadow:0 2px 7px #35587015;cursor:pointer; outline:none;';
-
- const scriptName = typeof GM_info !== 'undefined' ? GM_info.script.name : 'Layer Groups';
-
- // Header and close
- const $title = $('<span>').text(scriptName + ' — Layer Groups');
- const $close = $('<span>', {
- style: 'cursor:pointer;padding-left:14px;font-size:20px;color:#eaf6ff;float:right;',
- class: 'fa fa-window-close',
- title: 'Close',
- tabindex: 0,
- }).on('click keydown', function (e) {
- if (e.type === 'click' || (e.type === 'keydown' && (e.key === 'Enter' || e.key === ' '))) $dlg.remove();
- });
-
- // Dialog container
- const $dlg = $('<div>', {
- id: 'gis-layer-group-dialog',
- style:
- 'position:fixed; top:14%; left:420px; width:400px; z-index:99999;' +
- 'background:#73a9bd; border-width:1px; border-style:solid; border-radius:14px;' +
- 'box-shadow:5px 6px 14px rgba(0,0,0,0.58); border-color:#50667b; padding:0; font-family:inherit;',
- });
-
- // Header
- $dlg.append(
- $('<div>', {
- style: 'border-radius:14px 14px 0px 0px; padding: 7px 14px; color: #fff; background:#4d6a88; font-weight:bold; text-align:left; font-size:17px;',
- }).append($title, $close)
- );
-
- // --- Section: Current Selection ---
- const $section1 = $('<div>', {
- style: 'border-radius: 7px; background: #d6e6f3; margin:8px 8px 8px 8px; padding:8px 8px 8px 8px; box-shadow:0 1px 5px #0001;',
- }).append(
- $('<div>', { style: 'font-size:15.5px;font-weight:700;color:#355870;margin-bottom:6px;' }).text('Current Selection'),
- $('<div>', { style: 'font-size:13.3px;color:#468;margin-bottom:13px;' }).text('Save or load your current visible layers and region selections as quick-access groups.'),
- $('<div>', { style: 'display:flex;gap:14px;align-items:center;margin-top:4px;' }).append(
- $('<button>', {
- class: 'GISGroupDlg-btn',
- style: BTN_STYLE_RED,
- title: 'Remove all selected sub-regions and visible layers',
- })
- .text('Clear All')
- .on('click', function () {
- WazeWrap.Alerts.confirm(
- scriptName,
- '<div style="color:#ff0000; font-size:17px; font-weight:bold; padding:10px 0; text-align:center;">' +
- 'Are you sure you want to remove all visible layers, and region selections?' +
- '</div>',
- function () {
- settings.selectedSubL1 = [];
- settings.visibleLayers = [];
- settings.collapsedSections = {};
- saveSettingsToStorage();
- loadSettingsFromStorage();
- initGui(false);
- $dlg.remove();
- }
- );
- }),
- $('<button>', {
- class: 'GISGroupDlg-btn',
- style: BTN_STYLE_BLUE,
- title: 'Save current layers and selections as a group',
- })
- .text('Save as Group')
- .on('click', function () {
- WazeWrap.Alerts.prompt(scriptName, 'Enter a name for this group:', '', function (result, name) {
- if (!result || !name || !name.trim()) return;
- settings.layerGroups = settings.layerGroups || {};
- if (settings.layerGroups[name]) {
- WazeWrap.Alerts.confirm(scriptName, 'Group "' + name + '" exists. Overwrite?', function () {
- doSaveGroup(name, true);
- });
- } else {
- doSaveGroup(name, false);
- }
- /**
- * @param {string} groupName - Name for the saved group.
- * @param {boolean} overwritten - If true, notify user it's an overwrite.
- * @returns {void}
- */
- function doSaveGroup(groupName, overwritten) {
- settings.layerGroups[groupName] = {
- selectedSubL1: [...settings.selectedSubL1],
- visibleLayers: [...settings.visibleLayers],
- collapsedSections: { ...settings.collapsedSections },
- addrLabelDisplay: settings.addrLabelDisplay,
- fillParcels: settings.fillParcels,
- };
- saveSettingsToStorage();
- loadSettingsFromStorage();
- populateGroupSelect();
- setTimeout(function () {
- if (typeof WazeWrap !== 'undefined' && WazeWrap.Alerts && typeof WazeWrap.Alerts.success === 'function') {
- WazeWrap.Alerts.success(scriptName, 'Layer group saved as "' + groupName + '"' + (overwritten ? ' (overwritten)' : ''));
- } else {
- alert('Layer group saved as "' + groupName + '"' + (overwritten ? ' (overwritten)' : ''));
- }
- }, 150);
- }
- });
- })
- )
- );
-
- // --- Section: My Saved Groups ---
- const $groupSelect = $('<select>', {
- id: 'gis-layer-group-select',
- style:
- 'font-size:13px; border-radius:4px; border:1px solid #356079; padding:7px 12px;' +
- 'min-width:250px; max-width:365px; margin-right:8px; outline:none;' +
- 'background:#eaf4fd; color:#17354e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;',
- });
-
- /**
- * Populates the group selection drop-down with saved layer groups from settings.
- * If no groups exist, shows a disabled "No groups saved" message.
- *
- * @function populateGroupSelect
- * @returns {void}
- */
- function populateGroupSelect() {
- $groupSelect.empty();
- const groups = settings.layerGroups || {};
- if (Object.keys(groups).length === 0) {
- $groupSelect.append($('<option>', { disabled: true, selected: true, text: 'No groups saved' }));
- return;
- }
- $groupSelect.append($('<option>', { selected: true, disabled: true, text: 'Select group...' }));
- Object.keys(groups).forEach((groupName) => {
- $groupSelect.append($('<option>', { value: groupName, text: groupName, title: groupName }));
- });
- }
- populateGroupSelect();
-
- const $section2 = $('<div>', {
- style: 'border-radius: 7px; background: #d6e6f3; margin:8px 8px 8px 8px; padding:8px 8px 8px 8px; box-shadow:0 1px 5px #0001;',
- }).append(
- $('<div>', { style: 'font-size:14.5px;font-weight:700;color:#355870;margin-bottom:10px;' }).text('My Saved Groups'),
- $('<div>', { style: 'margin-bottom:8px;' }).append($groupSelect),
- $('<div>', { style: 'display:flex;gap:12px;align-items:center;margin-top:6px;' }).append(
- $('<button>', {
- class: 'GISGroupDlg-btn',
- style: BTN_STYLE_GREEN,
- title: 'Load selected group',
- })
- .text('Load Group')
- .on('click', function () {
- const group = $groupSelect.val();
- if (typeof group !== 'string' || !(settings.layerGroups && settings.layerGroups[group])) {
- if (typeof WazeWrap !== 'undefined' && WazeWrap.Alerts && typeof WazeWrap.Alerts.info === 'function') {
- WazeWrap.Alerts.info(scriptName, 'Please select a group to load.');
- } else {
- alert('Please select a group to load.');
- }
- return;
- }
- const grp = settings.layerGroups[group];
- settings.selectedSubL1 = [...grp.selectedSubL1];
- settings.visibleLayers = [...grp.visibleLayers];
- settings.collapsedSections = { ...grp.collapsedSections };
- settings.addrLabelDisplay = grp.addrLabelDisplay;
- settings.fillParcels = grp.fillParcels;
- saveSettingsToStorage();
- loadSettingsFromStorage();
- initGui(false);
- $dlg.remove();
- }),
- $('<button>', {
- class: 'GISGroupDlg-btn',
- style: BTN_STYLE_ORANGE,
- title: 'Delete selected group',
- })
- .text('Delete Group')
- .on('click', function () {
- const group = $groupSelect.val();
- if (typeof group !== 'string' || !(settings.layerGroups && settings.layerGroups[group])) {
- if (typeof WazeWrap !== 'undefined' && WazeWrap.Alerts && typeof WazeWrap.Alerts.info === 'function') {
- WazeWrap.Alerts.info(scriptName, 'Please select a group to delete.');
- } else {
- alert('Please select a group to delete.');
- }
- return;
- }
- WazeWrap.Alerts.confirm(
- scriptName,
- '<div style="color:#ff0000; font-size:17px; font-weight:bold; padding:10px 0; text-align:Left;">' + 'Delete group "' + group + '"? \nThis cannot be undone!' + '</div>',
- function () {
- delete settings.layerGroups[group];
- saveSettingsToStorage();
- loadSettingsFromStorage();
- populateGroupSelect();
- setTimeout(function () {
- if (typeof WazeWrap !== 'undefined' && WazeWrap.Alerts && typeof WazeWrap.Alerts.success === 'function') {
- WazeWrap.Alerts.success(scriptName, 'Group "' + group + '" deleted.');
- } else {
- alert('Group "' + group + '" deleted.');
- }
- }, 150);
- }
- );
- })
- )
- );
-
- // Build and insert dialog
- $dlg.append($section1, $section2);
- $dlg.appendTo('body');
-
- // Make draggable if possible
- if (typeof jQuery.ui !== 'undefined') $dlg.draggable({ stop: () => $dlg.css('height', '') });
-
- $(document).on('keydown.gisLayerDialog', function (e) {
- if (e.key === 'Escape') $dlg.remove();
- });
- $dlg.on('remove', () => $(document).off('keydown.gisLayerDialog'));
- }
-
- /**
- * Asynchronously loads GIS data for visible countries and subdivisions within the current map viewport.
- *
- * This function fetches data associated with countries and their subdivisions that are visible at the current zoom
- * level. It avoids redundant data loads by tracking which countries and subdivisions have already been processed,
- * thereby optimizing resource usage and enhancing loading efficiency.
- *
- * Process Overview:
- * 1. Checks the current zoom level and returns early if below the threshold, preventing data loading.
- * 2. Calls `whatsInView` to populate `_whatsInView` with currently visible country and subdivision data.
- * 3. Iterates over `_whatsInView` to extract unique country codes (`ISO_ALPHA3`) and subdivision codes (`subL1_id`).
- * 4. For each country code:
- * - If it's not already loaded, initializes loading for all visible subdivisions.
- * - For countries already loaded, filters subdivisions that haven't been loaded yet.
- * - Calls `loadSpreadsheetAsync` to fetch and load the data and then updates the GUI.
- * 5. Tracks loaded subdivisions to prevent redundancy and logs the loading activity for debugging.
- *
- * Features:
- * - Efficiently manages GIS data loading based on visibility and ensures GUI updating post-data fetch.
- * - Uses sets to maintain unique country and region codes, enhancing data consistency.
- *
- * Parameters:
- * - No explicit parameters, utilizes global variables and state tracking.
- *
- * @returns {Promise<void>} - No explicit return; relies on side effects to update global state and UI.
- */
- async function loadVisibleCountryData() {
- try {
- // Only load at suitable zoom levels
- const currentZoomLevel = sdk.Map.getZoomLevel();
- if (currentZoomLevel < 12) return;
-
- await whatsInView();
-
- /** @type {Set<string>} */
- const countryCodes = new Set();
- /** @type {Record<string, Set<string>>} */
- const countryRegionCodes = {};
-
- // Collect visible country and subdivision codes
- for (const countryKey in _whatsInView) {
- if (!_whatsInView.hasOwnProperty(countryKey)) continue;
- const c = _whatsInView[countryKey];
- if (!c?.ISO_ALPHA3) continue;
- countryCodes.add(c.ISO_ALPHA3);
- const regionSet = new Set();
- if (c.subL1) {
- for (const subCode in c.subL1) {
- if (!c.subL1.hasOwnProperty(subCode)) continue;
- const sub = c.subL1[subCode];
- if (sub?.subL1_id) regionSet.add(sub.subL1_id);
- }
- }
- countryRegionCodes[c.ISO_ALPHA3] = regionSet;
- }
-
- // For each country, determine which regions need loading
- for (const isoCode of countryCodes) {
- const regionCodes = countryRegionCodes[isoCode];
- const newRegionCodesToLoad = new Set();
- let needToLoad = false;
-
- if (!alreadyLoadedCountries.has(isoCode)) {
- // First load for this country
- regionCodes.forEach((r) => newRegionCodesToLoad.add(r));
- needToLoad = true;
- } else {
- // Already loaded; only new visible subdivisions
- regionCodes.forEach((regionCode) => {
- if (!alreadyLoadedSubL1.has(regionCode)) {
- newRegionCodesToLoad.add(regionCode);
- needToLoad = true;
- }
- });
- }
-
- if (needToLoad) {
- await loadSpreadsheetAsync(isoCode, newRegionCodesToLoad);
- alreadyLoadedCountries.add(isoCode);
- initGui(false);
- newRegionCodesToLoad.forEach((regionCode) => alreadyLoadedSubL1.add(regionCode));
- }
- }
- } catch (error) {
- logError(`Error in loadVisibleCountryData: ${error && error.message ? error.message : error}`);
- throw error;
- }
- }
-
- /**
- * Compare two version strings ("2025.08.01.00", "2018.04.27.001")
- * Returns 1 if a > b, -1 if a < b, 0 if equal
- * @param {string} a
- * @param {string} b
- * @returns {number}
- */
- function compareVersions(a, b) {
- const splitA = a.split('.').map(Number);
- const splitB = b.split('.').map(Number);
- const maxLen = Math.max(splitA.length, splitB.length);
- for (let i = 0; i < maxLen; i++) {
- const numA = splitA[i] || 0;
- const numB = splitB[i] || 0;
- if (numA > numB) return 1;
- if (numA < numB) return -1;
- }
- return 0;
- }
-
- /**
- * Asynchronously loads GIS layer definitions from a Google Sheets spreadsheet.
- *
- * Fetches layer configuration data from a fixed tab in a Google Sheet using the Visualization API endpoint,
- * then parses, filters, and augments the data based on the provided country ISO code and region codes.
- * Returns an object with an error string if something goes wrong, or null if successful.
- *
- * @param {string} isoCode - Country ISO code, or "ALL" to load all layers.
- * @param {Set<string>|string} regionCodes - Set of region/subdivision codes, or "ALL" to load for all.
- * @returns {Promise<{ error: string|null }>} Promise resolving to { error } object.
- */
- async function loadSpreadsheetAsync(isoCode, regionCodes) {
- const TAB_NAME = 'Layer Definitions v2';
- const SHEET_ID = '1cEG3CvXSCI4TOZyMQTI50SQGbVhJ48Xip-jjWg4blWw';
- const LAYER_DEF_URL = `https://docs.google.com/spreadsheets/d/${SHEET_ID}/gviz/tq?tqx=out:json&sheet=${encodeURIComponent(TAB_NAME)}`;
-
- const FIELD_INDEXES = {
- country: 0,
- subL1: 1,
- name: 2,
- id: 3,
- subL2: 4,
- url: 5,
- where: 6,
- labelFields: 7,
- processLabel: 8,
- style: 9,
- visibleAtZoom: 10,
- labelsVisibleAtZoom: 11,
- enabled: 12,
- restrictTo: 13,
- oneTimeAlert: 14,
- };
-
- const REQUIRED_FIELDS = Object.keys(FIELD_INDEXES);
- let dataObjects = [];
- /** @type {{ error: string | null }} */
- const result = { error: null };
-
- try {
- const resp = await fetch(LAYER_DEF_URL);
- const text = await resp.text();
- const match = text.match(/google\.visualization\.Query\.setResponse\(([\s\S]+)\);/);
- if (!match) {
- result.error = 'Failed to parse Google Sheet data!';
- logError(result.error);
- return result;
- }
- const json = JSON.parse(match[1]);
-
- const allRows = json.table.rows;
-
- const firstDataIdx = allRows.findIndex((r) => r.c?.[0]?.v && r.c?.[1]?.v && r.c?.[2]?.v && r.c?.[3]?.v && typeof r.c[0].v === 'string' && typeof r.c[1].v === 'string');
- if (firstDataIdx === -1) {
- result.error = 'Could not auto-detect start of data rows!';
- logError(result.error);
- return result;
- }
-
- function rowToObj(row) {
- const obj = {};
- for (let key of REQUIRED_FIELDS) {
- const idx = FIELD_INDEXES[key];
- const cell = row.c && row.c[idx];
- let value = cell && cell.v !== undefined && cell.v !== null ? cell.v : null;
-
- // Coerce known numeric fields
- if (key === 'visibleAtZoom' || key === 'labelsVisibleAtZoom') {
- obj[key] = value !== null && value !== undefined && value !== '' ? Number(value) : null;
- } else {
- obj[key] = value;
- }
- }
- return obj;
- }
-
- dataObjects = allRows
- .slice(firstDataIdx)
- .map(rowToObj)
- .filter((obj) => obj.country && obj.subL1);
-
- // --- VERSION CHECK ---
- let minVersion = '';
- if (dataObjects.length && /^\d+\.\d+\.\d+\.\d+$/.test(dataObjects[0].country)) {
- minVersion = dataObjects[0].country;
- dataObjects = dataObjects.slice(1);
- }
- if (typeof scriptVersion !== 'undefined' && minVersion && compareVersions(scriptVersion, minVersion) < 0) {
- result.error = `Script must be updated to at least version ${minVersion} before layer definitions can be loaded.`;
- logError(result.error);
- }
-
- const loadAll = (typeof isoCode === 'string' && isoCode.toUpperCase() === 'ALL') || (typeof regionCodes === 'string' && regionCodes.toUpperCase() === 'ALL');
- if (!loadAll && (!regionCodes || typeof regionCodes.has !== 'function')) {
- regionCodes = new Set();
- }
-
- if (!result.error) {
- dataObjects.forEach((row) => {
- // Normalize the enabled column: only 1 gets enabled, everything else (including blank) is 0
- let enabledVal = (row.enabled || '').toString().trim().toLowerCase();
- row.enabled = enabledVal === '1' ? 1 : 0;
-
- if (row.enabled !== 1) return; // Skip rows not enabled
-
- // It's now always 1 or 0 across all rows
- const layerDef = { enabled: row.enabled };
- let countryId = '',
- subL1Upper = '';
-
- REQUIRED_FIELDS.forEach((fldName) => {
- let value = row[fldName];
-
- // Always assign zoom fields as numbers
- if (fldName === 'visibleAtZoom' || fldName === 'labelsVisibleAtZoom') {
- layerDef[fldName] = value !== null && value !== undefined && value !== '' ? Number(value) : null;
- return;
- }
-
- // Special array fields
- if ((fldName === 'subL2' || fldName === 'labelFields') && typeof value === 'string') {
- layerDef[fldName] = value.split(',').map((item) => item.trim());
- return;
- }
-
- // Special label processor
- if (fldName === 'processLabel' && typeof value === 'string') {
- try {
- layerDef[fldName] = ESTreeProcessor.compile(`function __$proc(){${value}} __$proc();`);
- } catch (ex) {
- layerDef.labelProcessingError = true;
- logError(`Error loading label processing function for layer "${layerDef.id}".`, ex);
- }
- return;
- }
-
- // Style parsing
- if (fldName === 'style' && typeof value === 'string') {
- layerDef.isRoadLayer = value === 'roads';
- if (!layerDef.isRoadLayer && typeof LAYER_STYLES !== 'undefined' && !LAYER_STYLES.hasOwnProperty(value)) {
- try {
- value = JSON.parse(value);
- } catch (ex) {
- logError(`Invalid style definition for layer "${layerDef.id}".`, ex);
- }
- }
- layerDef[fldName] = value;
- return;
- }
-
- // Uppercase helpers
- if (fldName === 'country' && typeof value === 'string') countryId = value.toUpperCase();
- if (fldName === 'subL1' && typeof value === 'string') {
- subL1Upper = value.toUpperCase();
- layerDef[fldName] = subL1Upper;
- return;
- }
-
- // RestrictTo parser
- if (fldName === 'restrictTo' && typeof value === 'string') {
- try {
- const values = value.split(',').map((v) => v.trim().toLowerCase());
- layerDef.notAllowed = !values.some((entry) => {
- const rankMatch = entry.match(/^r(\d)(\+am)?$/);
- if (rankMatch) {
- if (rankMatch[1] <= userInfo.rank + 1 && (!rankMatch[2] || userInfo.isAreaManager)) {
- return true;
- }
- } else if (entry === 'am' && userInfo.isAreaManager) {
- return true;
- } else if (entry === userInfo.userName?.toLowerCase()) {
- return true;
- }
- return false;
- });
- } catch (ex) {
- logError(ex);
- }
- layerDef.restrictTo = value;
- return;
- }
-
- if (fldName === 'labelFields' && (!value || typeof value !== 'string')) {
- layerDef[fldName] = [''];
- return;
- }
-
- // Assign all other fields where value is not null/undefined
- if (value !== undefined && value !== null) {
- layerDef[fldName] = value;
- }
- });
-
- if (typeof layerDef.url === 'string') {
- const url = layerDef.url;
- if (/\/rest\/(services|Shared)\//i.test(url) || /\/MapServer(\/\d*)?$/i.test(url) || /\/gis\/rest\//i.test(url)) {
- layerDef.platform = 'ArcGIS';
- } else if (/\/resource\/[a-z0-9-]+$/i.test(url)) {
- layerDef.platform = 'SocrataV2';
- } else if (/\/api\/v3\/views\/[a-z0-9-]+/i.test(url)) {
- layerDef.platform = 'SocrataV3';
- } else {
- layerDef.platform = 'Other';
- }
- } else {
- layerDef.platform = 'Other';
- }
-
- let validSubL1 = false;
- if (loadAll) {
- layerDef.countrySubL1 = `${layerDef.country || ''}-${layerDef.subL1 || ''}`;
- validSubL1 = true;
- } else {
- if (countryId === isoCode.toUpperCase() && subL1Upper) {
- layerDef['countrySubL1'] = `${countryId}-${subL1Upper}`;
- }
- validSubL1 = regionCodes && (regionCodes.has(subL1Upper) || subL1Upper === isoCode.toUpperCase());
- }
- if (validSubL1 && !layerDef.notAllowed) {
- const layerExists = typeof _gisLayers !== 'undefined' && _gisLayers.some((existingLayer) => existingLayer.id === layerDef.id);
- if (!layerExists && typeof _gisLayers !== 'undefined') {
- _gisLayers.push(layerDef);
- }
- }
- });
- }
- } catch (err) {
- result.error = `Spreadsheet call failed. ${err && err.message ? err.message : err}`;
- logError(result.error, err);
- }
-
- if (!dataObjects.length) {
- result.error = 'Spreadsheet was empty or did not return any valid rows.';
- logError(result.error);
- return result;
- }
- return result;
- }
-
- /**
- * @param {string} shortcutId
- * @param {string} description
- * @param {Function} callback
- */
- function createShortcut(shortcutId, description, callback) {
- let shortcutKeys = settings.shortcuts?.[shortcutId] ?? null;
- if (shortcutKeys && sdk.Shortcuts.areShortcutKeysInUse({ shortcutKeys })) {
- shortcutKeys = null;
- }
- sdk.Shortcuts.createShortcut({
- shortcutId,
- shortcutKeys, // may be null
- description,
- callback,
- });
- }
-
- /**
- * Initializes the GIS layers and related global state.
- * On the first call, loads user info, settings, sets up shortcuts, GUI handlers, and event listeners.
- * On every call, loads country and subdivision mappings and visible country data, updates the GUI and features.
- *
- * @async
- * @param {boolean} [firstCall=true] - Whether this is the initial invocation (triggers full setup).
- * @returns {Promise<void>} Resolves when initialization steps are complete.
- */
- async function init(firstCall = true) {
- _gisLayers = [];
- _whatsInView = {};
- alreadyLoadedCountries.clear();
- alreadyLoadedSubL1.clear();
- countrySubdivisionMapping = {};
-
- if (firstCall) {
- userInfo = sdk.State.getUserInfo();
- labelProcessingGlobalVariables.sdk = sdk;
- loadSettingsFromStorage();
- createShortcut('toggleHnsOnly', 'Toggle HN-only address labels (GIS Layers)', onAddressDisplayShortcutKey);
- createShortcut('toggleEnabled', 'Toggle display of GIS Layers', onToggleGisLayersShortcutKey);
- installPathFollowingLabels();
- window.addEventListener('beforeunload', saveSettingsToStorage, false);
- _layerSettingsDialog = new LayerSettingsDialog();
- }
- const t0 = performance.now();
- try {
- await buildCountrySubdivisionMapping();
- await loadVisibleCountryData();
- logDebug(`Loaded ${_gisLayers.length} layer definitions in ${Math.round(performance.now() - t0)} ms.`);
- initGui(firstCall);
- await fetchFeatures();
- $('#gis-layers-refresh').removeClass('fa-spin').css({ cursor: 'pointer' });
- logDebug('Initialized.');
- } catch (err) {
- logError(err);
- }
- }
-
- init();
-
- /**
- * Enhances OpenLayers SVG renderer to support path-following text labels on line features.
- *
- * After calling this function, styles can support:
- * - pathLabel: {String} text drawn along the path
- * - pathLabelXOffset: {String} start offset, px or %, default "50%"
- * - pathLabelYOffset: {Number} vertical offset from the path
- * - pathLabelCurve: {String} smooth path text (empty for none)
- * - pathLabelReadable: {String} reverse direction if needed for readability
- * - All standard label/text style values (color, font, outline, etc.)
- *
- * Internally:
- * - Adds `pathText` for text-on-path SVG creation
- * - Overrides `setStyle` to support path label styling and outline/halo
- * - Overrides `drawGeometry` and `eraseGeometry` to clean up text paths
- *
- * Call once during startup before rendering vector layers with path labels.
- *
- * @returns {void}
- * @copyright Jean-Marc Viglino, 2015 (CeCILL-B / Beerware License)
- * @see http://www.cecill.info/
- * @see http://en.wikipedia.org/wiki/Beerware
- */
- function installPathFollowingLabels() {
- /**
- * Removes a child element with the specified id from a DOM node.
- *
- * Handles both standard and older browser DOM APIs.
- *
- * @param {Node} node - The parent DOM node.
- * @param {string} id - The id of the child element to remove.
- * @returns {void}
- */
- function removeChildById(node, id) {
- if (node.querySelector) {
- var c = node.querySelector('#' + id);
- if (c) node.removeChild(c);
- return;
- }
- // For old browsers
- var c = node.childNodes;
- if (c)
- for (var i = 0; i < c.length; i++) {
- if (c[i].id === id) {
- node.removeChild(c[i]);
- return;
- }
- }
- }
-
- var setStyle = OpenLayers.Renderer.SVG.prototype.setStyle;
- OpenLayers.Renderer.SVG.LABEL_STARTOFFSET = { l: '0%', r: '100%', m: '50%' };
-
- /**
- * Renders text as an SVG textPath following a geometry path.
- *
- * Applies OpenLayers/extra path label style options (see installPathFollowingLabels).
- *
- * @param {SVGElement} node - The SVG node representing the feature.
- * @param {Object} style - Style object.
- * @param {string} suffix - Suffix for unique element IDs.
- * @returns {void}
- */
- OpenLayers.Renderer.SVG.prototype.pathText = function (node, style, suffix) {
- var label = this.nodeFactory(null, 'text');
- label.setAttribute('id', node._featureId + '_' + suffix);
- if (style.fontColor) label.setAttributeNS(null, 'fill', style.fontColor);
- if (style.fontStrokeColor) label.setAttributeNS(null, 'stroke', style.fontStrokeColor);
- if (style.fontStrokeWidth) label.setAttributeNS(null, 'stroke-width', style.fontStrokeWidth);
- if (style.fontOpacity) label.setAttributeNS(null, 'opacity', style.fontOpacity);
- if (style.fontFamily) label.setAttributeNS(null, 'font-family', style.fontFamily);
- if (style.fontSize) label.setAttributeNS(null, 'font-size', style.fontSize);
- if (style.fontWeight) label.setAttributeNS(null, 'font-weight', style.fontWeight);
- if (style.fontStyle) label.setAttributeNS(null, 'font-style', style.fontStyle);
- if (style.labelSelect === true) {
- label.setAttributeNS(null, 'pointer-events', 'visible');
- label._featureId = node._featureId;
- } else {
- label.setAttributeNS(null, 'pointer-events', 'none');
- }
-
- /**
- * Parses a path string into an array of x/y points, optionally reversing for readability.
- *
- * @param {string} pathStr - The path string (comma-separated numbers).
- * @param {boolean|string} readeable - If true, reverse the point order (for text readability).
- * @returns {Array<{x: number, y: number}>} Array of point objects.
- */
- function getpath(pathStr, readeable) {
- var npath = pathStr.split(',');
- var pts = [];
- if (!readeable || Number(npath[0]) - Number(npath[npath.length - 2]) < 0) {
- while (npath.length) pts.push({ x: Number(npath.shift()), y: Number(npath.shift()) });
- } else {
- while (npath.length) pts.unshift({ x: Number(npath.shift()), y: Number(npath.shift()) });
- }
- return pts;
- }
-
- var path = this.nodeFactory(null, 'path');
- var tpid = node._featureId + '_t' + suffix;
- var tpath = node.getAttribute('points');
- if (style.pathLabelCurve) {
- var pts = getpath(tpath, style.pathLabelReadable);
- var p = pts[0].x + ' ' + pts[0].y;
- var dx, dy, s1, s2;
- dx = (pts[0].x - pts[1].x) / 4;
- dy = (pts[0].y - pts[1].y) / 4;
- for (var i = 1; i < pts.length - 1; i++) {
- p += ' C ' + (pts[i - 1].x - dx) + ' ' + (pts[i - 1].y - dy);
- dx = (pts[i - 1].x - pts[i + 1].x) / 4;
- dy = (pts[i - 1].y - pts[i + 1].y) / 4;
- s1 = Math.sqrt(Math.pow(pts[i - 1].x - pts[i].x, 2) + Math.pow(pts[i - 1].y - pts[i].y, 2));
- s2 = Math.sqrt(Math.pow(pts[i + 1].x - pts[i].x, 2) + Math.pow(pts[i + 1].y - pts[i].y, 2));
- p += ' ' + (pts[i].x + (s1 * dx) / s2) + ' ' + (pts[i].y + (s1 * dy) / s2);
- dx *= s2 / s1;
- dy *= s2 / s1;
- p += ' ' + pts[i].x + ' ' + pts[i].y;
- }
- p += ' C ' + (pts[i - 1].x - dx) + ' ' + (pts[i - 1].y - dy);
- dx = (pts[i - 1].x - pts[i].x) / 4;
- dy = (pts[i - 1].y - pts[i].y) / 4;
- p += ' ' + (pts[i].x + dx) + ' ' + (pts[i].y + dy);
- p += ' ' + pts[i].x + ' ' + pts[i].y;
-
- path.setAttribute('d', 'M ' + p);
- } else {
- if (style.pathLabelReadable) {
- var pts = getpath(tpath, style.pathLabelReadable);
- var p = '';
- for (var i = 0; i < pts.length; i++) p += ' ' + pts[i].x + ' ' + pts[i].y;
- path.setAttribute('d', 'M ' + p);
- } else path.setAttribute('d', 'M ' + tpath);
- }
- path.setAttribute('id', tpid);
-
- var defs = this.createDefs();
- removeChildById(defs, tpid);
- defs.appendChild(path);
-
- var textPath = this.nodeFactory(null, 'textPath');
- textPath.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + tpid);
- var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;
- label.setAttributeNS(null, 'text-anchor', OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || 'middle');
- textPath.setAttribute('startOffset', style.pathLabelXOffset || OpenLayers.Renderer.SVG.LABEL_STARTOFFSET[align[0]] || '50%');
- label.setAttributeNS(null, 'dominant-baseline', OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || 'central');
- if (style.pathLabelYOffset) label.setAttribute('dy', style.pathLabelYOffset);
-
- textPath.textContent = style.pathLabel;
- label.appendChild(textPath);
-
- removeChildById(this.textRoot, node._featureId + '_' + suffix);
- this.textRoot.appendChild(label);
- };
-
- /**
- * Sets style attributes on an SVG node, adding support for text labels following paths.
- *
- * If the geometry is a line and the style includes path label options,
- * draws the label (and optional outline/halo) along the path.
- *
- * @param {SVGElement} node - The SVG node.
- * @param {Object} style - Style object, can include path label options.
- * @param {Object} [options] - Additional options (isFilled, isStroked, etc).
- * @returns {SVGElement} The styled SVG node.
- */
- OpenLayers.Renderer.SVG.prototype.setStyle = function (node, style, options) {
- if (node._geometryClass === 'OpenLayers.Geometry.LineString' && style.pathLabel) {
- var drawOutline = !!style.labelOutlineWidth;
- // First draw text in halo color and size and overlay the
- // normal text afterwards
- if (drawOutline) {
- var outlineStyle = OpenLayers.Util.extend({}, style);
- outlineStyle.fontColor = outlineStyle.labelOutlineColor;
- outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;
- outlineStyle.fontStrokeWidth = style.labelOutlineWidth;
- if (style.labelOutlineOpacity) outlineStyle.fontOpacity = style.labelOutlineOpacity;
- delete outlineStyle.labelOutlineWidth;
- this.pathText(node, outlineStyle, 'txtpath0');
- }
- this.pathText(node, style, 'txtpath');
- setStyle.apply(this, arguments);
- } else setStyle.apply(this, arguments);
- return node;
- };
-
- var drawGeometry = OpenLayers.Renderer.SVG.prototype.drawGeometry;
-
- /**
- * Draws a geometry, removing textPaths if geometry was not fully rendered.
- *
- * @param {OpenLayers.Geometry} geometry - Geometry to render.
- * @param {Object} style - Style options.
- * @param {string} id - Feature ID.
- * @returns {boolean|null} True if geometry is drawn, null if incomplete, false otherwise.
- */
- OpenLayers.Renderer.SVG.prototype.drawGeometry = function (geometry, style, id) {
- var rendered = drawGeometry.apply(this, arguments);
- if (rendered === false) {
- removeChildById(this.textRoot, id + '_txtpath');
- removeChildById(this.textRoot, id + '_txtpath0');
- }
- return rendered;
- };
-
- var eraseGeometry = OpenLayers.Renderer.SVG.prototype.eraseGeometry;
-
- /**
- * Erases geometry from the renderer and removes associated textPath labels from the DOM.
- *
- * @param {OpenLayers.Geometry} geometry - Geometry to erase.
- * @param {string} featureId - Feature ID.
- * @returns {void}
- */
- OpenLayers.Renderer.SVG.prototype.eraseGeometry = function (geometry, featureId) {
- eraseGeometry.apply(this, arguments);
- removeChildById(this.textRoot, featureId + '_txtpath');
- removeChildById(this.textRoot, featureId + '_txtpath0');
- };
- }
- })();