JSFiddle - React, Tailwind, and code Playground
by DefuZe
HTML
<div>
Выберите район, чтобы получить информацию о доступной мощности.
</div>
<br />
<div id="map" style="width: 100%; height: 520px"></div>
CSS
</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?load=package.map&lang=ru_RU" ></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script type="text/javascript" src="http://kashey.ru/maps/regions.js?4"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script>
JavaScript
ymaps.ready(init); // инициализация яндекс карты
/****************************************** Определение глобальных структур и переменных ********************************************/
/************************************************************************************************************************************/
var jsonData = JSON.encode"'http://voda.crimea.ru/assets/availablePower.json'"; // ссылка на файл с json данными
var saki_id = 1754561; // id Сакского района
var myMap; // ссылка на объект яндекс карты
var osmid_array = [ //********* Массив id районов Крыма ***********
"1754551", // [0] Алуштинский район
"1574582", // [1] Бахчисарайский район
"1754552", // [2] Белагорский район
"1754553", // [3] Джанкойский район
"1581042", // [4] Евпатория
"1754557", // [5] Ленинский район (Керчь)
"1754555", // [6] Красноперекопский район
"1754561", // [7] Сакский район
"1754564", // [8] Симферополь
"1754563", // [9] Судак
"1754565" // [10] Феодосия
//1590251, // Черноморский район
//1754560, // Раздольненский район
];
/***************************************************************************************************************************************/
function init ()
{
/*********************************************** Подключение и конфигурация yandex карты ***********************************************/
/***************************************************************************************************************************************/
myMap = new ymaps.Map ("map",
{
controls: [ // добавление элементов управления
'typeSelector', // выбор схемы карты
'searchControl', // поле поиска по адресу
'zoomControl', // кнопки масштабирования карты
'fullscreenControl' // кнопка управления размером карты
],
type: 'yandex#hybrid', // тип схемы по умолчанию
center:...