JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<script src="//maps.googleapis.com/maps/api/js?v=3"></script>
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>

CSS

#map {
	height: 400px;
	background: #f0f0f0;
}

JavaScript

var map = new google.maps.Map(document.getElementById('map'), {
		zoom: 12,
		center: new google.maps.LatLng(0, 0)
	});

ymaps.ready(function () {
	ymaps.geolocation.get({
		provider: 'yandex'
	}).then(function (result) {
		var coords = result.geoObjects.get(0).geometry.getCoordinates();
		map.setCenter(new google.maps.LatLng(coords[0], coords[1]));
	});
});