2.0.2 • Published 3 months ago
@ta-interaktiv/react-swissmap v2.0.2
@ta-interaktiv/react-swissmap
A choropleth map of switzerland. Using @ta-interaktiv/react-municipality-search
Usage
const reactSwissmap = require('@ta-interaktiv/react-swissmap');
const [hoveredData, setHoveredData] = useState()
const [activeMunicipalityId, setActiveMunicipalityId] = useState<number>(261)
const ToolTip: React.FC = ({ activeData }): ReactElement => {
return (
<div>
{activeData && (
<div>
<h4>{activeData.Gemeindename}</h4>
<div>Belastung: {activeData.Belastung + '%'}</div>
<div>Belastung: {(activeData.Belastung / 100) * currentIncome}</div>
</div>
)}
</div>
)
}
...
// inside your JSX
{dummyData && (
<SwissMap
municipalityData={dummyData.municipalities}
propertyNameToCompare='Belastung'
minValue={dummyData.extent[0]}
maxValue={dummyData.extent[1]}
municipalitySearchYear="2020"
topoJsonYear={2020}
hoverHandler={newData => {
setHoveredData(newData)
}}
newActiveMunicipalityIdHandler={newID => {
setActiveMunicipalityId(newID)
}}
activeMunicipalityId={activeMunicipalityId}
ToolTip={ToolTip}
/>
)
}
2.0.2
3 months ago
1.6.3
6 months ago
1.6.2
6 months ago
1.6.1
6 months ago
1.6.0
6 months ago
2.0.1
6 months ago
2.0.0
6 months ago
1.5.9
6 months ago
1.5.8
1 year ago
1.5.7
1 year ago
1.5.5
1 year ago
1.5.4
1 year ago
1.5.6
1 year ago
1.4.5
1 year ago
1.5.3
1 year ago
1.5.2
1 year ago
1.5.1
1 year ago
1.5.0
1 year ago
1.4.4
2 years ago
1.4.3
2 years ago
1.4.2
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.1.17
2 years ago
1.1.16
2 years ago
1.1.15
2 years ago
1.1.14
2 years ago
1.1.12
2 years ago
1.1.11
2 years ago
1.1.10
2 years ago
1.1.9
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago