Существует хороший проект JQVMap, он позволяет разместить интерактивную карту с разделением по географическим регионам.
Для него существует карта России, но, как не странно, все названия регионов в ней только на английском.
Ссылка на проект: JQVMap
Описание проекта: Векторный, кросс-браузерный и кроссплатформенный компонент для интерактивной визуализации данных, связанных с географией, в Интернете. Он предоставляет множество функций, таких как плавное масштабирование и панорамирование, полностью настраиваемые стили, маркеры, метки и всплывающие подсказки.
Визуальное оформление может быть разным, например:
Архив включающий русифицированную карту и основные библиотеки: Скачать
Также приведу код для подключение карты:
(function($){
$(function() {
var colorRegion = "#1076C8", focusRegion = "#FF9900", selectRegion = "#1076C8", highlighted_states = {};
$("#vmap").vectorMap({
map: "russia_en",
backgroundColor: "transparent",
borderColor: "#ffffff",
borderWidth: 2,
color: colorRegion,
colors: highlighted_states,
hoverOpacity: 0.7,
enableZoom: false,
showTooltip: true,
});
let last_selected = 'pm';
$("#map_triggers > li").on('click', function () {
let name = $(this).data("name");
$('#vmap').vectorMap('deselect', last_selected);
$('#vmap').vectorMap('select', name);
});
});
})(jQuery);