svg-map-extra/src/svg-map/map.js

svg-map-extra is an extended JavaScript library that lets you easily create an interactable world map comparing customizable data for each country inspired by the original svgMap.

// Reset map
export const resetMapZoom = ({ mapWrapper, mapPanZoom }) => {
	if (!mapPanZoom.initialLoad) {
		clearTimeout(mapPanZoom.transitionResetTimeout);
		const viewPort = mapWrapper.find('.svg-pan-zoom_viewport').css('transition', 'transform .3s');
		mapPanZoom.transitionResetTimeout = setTimeout(() => {
			viewPort.css('transition', '');
			delete mapPanZoom.transitionResetTimeout;
		}, 400);
	} else {
		delete mapPanZoom.initialLoad;
	}
	mapPanZoom.reset();
};

// Set the disabled statuses for buttons
export const setControlStatuses = ({ zoomControlIn, zoomControlOut, mapPanZoom, minZoom, maxZoom }) => {
	zoomControlIn.add(zoomControlOut).removeClass('svg-map-disabled').attr('aria-disabled', 'false');
	mapPanZoom.getZoom().toFixed(3) <= minZoom && zoomControlOut.addClass('svg-map-disabled').attr('aria-disabled', 'true');
	mapPanZoom.getZoom().toFixed(3) >= maxZoom && zoomControlIn.addClass('svg-map-disabled').attr('aria-disabled', 'true');
}