JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"/>
CSS
#map {
width: 400px;
height: 400px;
}
JavaScript
ymaps.ready()
.then(function () {
return ymaps.geolocation.get();
})
.then(function (res) {
return res.geoObjects.get(0).geometry.getCoordinates();
})
.then(function (position) {
var myMap = new ymaps.Map('map', {
center: position,
zoom: 12,
controls: []
}),
multiRoute = new ymaps.multiRouter.MultiRoute({
referencePoints: [
position,
"Москва, ул. Мясницкая"
],
params: {
results: 2
}
}, {
boundsAutoApply: true
});
myMap.geoObjects.add(multiRoute);
});