JSFiddle - React, Tailwind, and code Playground

by Viktor L

HTML

<div class="text-block">123</div>
<div class="text-block2">123</div>

<div class="aWrap">
  <div class="aBlock">
    <a href="" class="aDropHead">Выберите город</a>
    <ul class="aDropBody" id="dCity"></ul>
  </div>
  <div class="aBlock">
    <a href="" class="aDropHead disabled">Выберите филиал</a>
    <ul class="aDropBody" id="dFilial"></ul>
  </div>
</div>

<div id="map"></div>

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<style>
        html, body, #map {
            width: 100%; padding: 0; margin: 0;
            font-family: Arial;
        }

        #map {
            height: 550px;
        }
        .aWrap {
            text-align: center;
            width: 650px;
            margin: 0 auto;
            font-family:open sans,sans-serif;
            color: #636363;
            font-size: 14px;
            font-weight: 300;
        }
        .aWrap .aBlock {
            display: inline-block;
            position: relative;
            vertical-align: middle;
        }
        .aWrap .aBlock .popupBtn {
            display: block;
            text-decoration: none;
            width: 300px;
            height: 70px;
            line-height: 70px;
            background: #ed145b;
            color: #ffffff;
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            border-radius: 4px;
            margin: 0;
            padding: 0;
        }
        .aWrap .aBlock .popupBtn:hover {
            background: #d61856;
        }
        .aWrap .aBlock .aDropHead {
            position: relative;
            display: block;
            width: 320px;
            height: 60px;
            line-height: 60px;
            background: #ffffff url(http://media.lpgenerator.ru/images/130357/ra-drop-arrow.png) no-repeat 97% 50%;
            border-radius: 4px;
            font-family:open sans,sans-serif;
            font-weight: 300;
            font-size: 18px;
            text-align: left;
            padding: 0 20px 0 10px;
            margin: 0 0 15px 0;
            box-sizing: border-box;
            color: #636363;
            word-wrap: break-word;
            text-decoration: none;
            overflow: hidden;
        }
        .aWrap .aBlock .aDropHead.disabled {
            opacity: 0.6;
            background-image: none;
        }
       ...

JavaScript

schools = [{
		city: 'Санкт-Петербург',
		coord: [59.91815363876071,30.30557799999997],
		style: "islands#redIcon",
		filials: [
			{ filial: 'ул. Михаила Дудина 10', coord: [60.069885064011174,30.325955999999984] },
			{ filial: 'ул. Адмирала Трибуца 5 ', coord: [59.85347356429643,30.146382999999954] },
			{ filial: 'Кудрово, ул. Ленинградская 5', coord: [59.913460564201415,30.509796499999982] },
			{ filial: 'ул. Солдата Корзуна 4', coord: [59.842648064299716,30.210558499999987] },
			{ filial: 'Капитанская улица, 4', coord: [59.95477306415188,30.214807499999992] },
			{ filial: 'Приморский пр. 137', coord: [59.98353106410109,30.216145999999956] },
			{ filial: 'ул. Гжатская 22', coord: [60.011751564080086,30.388433999999982] },
			{ filial: 'ул. Пулковская 1', coord: [59.84123806429607,30.347722499999907] },
			{ filial: 'Выборгское ш. 17/4', coord: [60.05502556400421,30.311439499999977] },
			{ filial: 'Туристская ул. 20', coord: [60.05502556400421,30.311439499999977] },
			{ filial: 'пр. Славы 52', coord: [59.86483656426331,30.41021799999999] },
			{ filial: 'проспект Королёва, 21к1', coord: [60.01191356408051,30.279566999999993] },
			{ filial: 'Новочеркасский пр. 33', coord: [59.932022064155646,30.407882500000003] },
			{ filial: 'Лабораторный пр. 20', coord: [59.98373087607895,30.385208822090107] },
			{ filial: 'пр. Энгельса 154', coord: [60.05911756401469,30.334975499999988] },
			{ filial: 'Комендантский пр. 10', coord: [60.00516656406313,30.26145699999996] },
			{ filial: 'ул. Бадаева 6', coord: [59.91769556421233,30.45004050000001] },
			{ filial: 'ул. Маршала Казакова 26', coord: [59.85929806428028,30.223682999999987] },
			{ filial: 'Северный пр. 26', coord: [60.03210606403883,30.355995999999937] },
			{ filial: 'Варшавская ул. 23', coord: [59.8691870642434,30.311448499999962] },
			{ filial: 'Дунайский пр. 7', coord: [59.829739564297704,30.33267549999998] }
		]
	}, {
		city: 'Казань', coord: [55.770258774377524,49.102712999999966], 
		style:...