JSFiddle - React, Tailwind, and code Playground
HTML
<div id="map"></div>
CSS
</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=en_US"></script>
<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://kashey.ru/maps/regions.js?4"></script>
<style>
body, html {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
#map {
width: 100%;
height: 90%;
}
JavaScript
var myMap;
ymaps.ready(init);
function init () {
myMap = new ymaps.Map('map', {
center: [55.76, 37.64], // Москва
zoom: 10
});
var geoMap=myMap,
collection=0;
debugger;
osmeRegions.geoJSON('RU-MOW', {
lang: 'ru',
quality:0,
postFilter: function(region){
return region.osmId==102269;
},
scheme: {
102269:function (region){
var oid=region.osmId;
return region.hasBorderWith(2162196);
}
}
}, function (data, pure) {
collection = osmeRegions.toYandex(data, ymaps);
collection.add(geoMap);
geoMap.setBounds(collection.collection.getBounds(), {duration: 300});
});
}