JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<select>
    <option value="0">Место 1</option>
    <option value="1">Место 2</option>
</select>
<div id="info"></div>
<div id="map"></div>

JavaScript

var points = {
    "0":{
        title: 'Место 1',
        description: 'Описание 1 места...',
        map: '//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Zi0GiPXuUSLxk4MQI8xUJOuw-redomoc&width=940&height=300&id=map'
    },
    "1":{
        title: 'Место 2',
        description: 'Описание 2 места...',
        map: '//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Zi0GiPXuUSLxk4MQI8xUJOuw-redomoc&width=940&height=300&id=map'
    }
},
    info = $('#info'),
    map = $('#map');

$('select').on('change', function () {
    var value = $(this).val();
    if (typeof points[value] !== 'undefined') {
        var html = '<b>'+points[value].title+'</b><br />'+points[value].description+'<br />Карта:'
        info.html(html);
        $.getScript(points[value].map);
    } else {
        info.empty();
    }
}).trigger('change');