updateMap()

in src/js/modules/choropleth.js [1585:1607]


    updateMap() {

        var self = this

        d3.selectAll(`.${self.database.topoKey}`).transition("changeFill")
            .attr("fill", (d) => { return (d.properties[self.database.currentKey]!=null) ? self.color(d.properties[self.database.currentKey]) : 'lightgrey' })

        var newCentreLat = +self.database.mapping[self.database.currentIndex].centreLat
        var newCentreLon = +self.database.mapping[self.database.currentIndex].centreLon
        var point = self.projection([newCentreLon, newCentreLat])
        var zoomScale = +self.database.mapping[self.database.currentIndex].zoomScale

        if (newCentreLon) {
             console.log(newCentreLat, newCentreLon, zoomScale, self.projection(newCentreLon))

            d3.select("#mapContainer svg").transition().duration(750).call(
              self.zoom.transform,
              d3.zoomIdentity.translate(self.width / 2, self.height / 2).scale(zoomScale).translate(-point[0], -point[1])
            );
        }
       

    }