Topojson on a leaflet map

forked from mpmckenna8's block: Topojson on a leaflet map

</head>
	<body>

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

var neighbors;
        var geoschools = {};
		    var geojson;
        var co = d3.scaleOrdinal(d3.schemeCategory20b);
		window.onload = function () {
        var neighbors

function style(feat, i){
            var i = feat.indie;
            var coco = co(feat.color = d3.max(neighbors[i], function(n) {
              return geoschools.features[n].color; }) + 1 | 0);

return {fillColor: coco,
                      fillOpacity: .8,
                      weight: .8}
         }

var req = new XMLHttpRequest();
                var url = './schoolsca.topojson'

req.open('GET', url, true);
                    req.onreadystatechange = handler;
                    req.send();
                var topoob = {};
                geoschools = {};
                function handler(){

if(req.readyState === XMLHttpRequest.DONE){

var layer = "terrain";

var map = new L.Map('mapcon',
                                    {
                                    center: new L.LatLng(37.8, -122.4),
                                    zoom: 10
                                    });

var OpenStreetMap_BlackAndWhite = L.tileLayer('https://{s}.tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png', {
					              maxZoom: 18,
					              attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
				                  });

map.addLayer( OpenStreetMap_BlackAndWhite)//new L.StamenTileLayer(layer));
				// try and catch my json parsing of the responseText
              try {
                    topoob = JSON.parse(req.responseText)
                    neighbors = topojson.neighbors(topoob.objects.caschools.geometries);
                    geoschools = topojson.feature(topoob, topoob.objects.caschools)

geoschools.features = geoschools.features.map(function(fm,i){
                        var ret = fm;
                        ret.indie = i;
                        return ret
                      });
                    geojson = L.geoJson(geoschools, {style:style, onEachFeature: onEachFeature})
								.addTo(map);
                    console.log('neigh', neighbors)
                 }
                catch(e){
                  geojson = {};
                   console.log(e)
                }
                console.log(geoschools)

function resetHighlight(e){
					geojson.resetStyle(e.target);
					info.update();
				}

function zoomToFeature(e) {
    				map.fitBounds(e.target.getBounds());
				}

info.update = function(props){
                    this._div.innerHTML = "<h4>California School Districts</h4>" +
                      (props ? '</br>' + props.NAME + '</br>' : "Hover " +
                      "over a school district")
                }

info.addTo(map);

}
       }
       }
            </script>
	</body>
</html>

https://unpkg.com/leaflet@1.0.3/dist/leaflet.js

https://d3js.org/d3.v4.js

https://unpkg.com/topojson-client@3