JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <title>Google</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script src="http://api-maps.yandex.ru/2.0.7/?ns=ym&load=package.full&lang=ru-RU"></script>
    </head>
<body>
    <div id="map" style="height: 480px; width: 640px;"></div>
</body>
</html>

JavaScript

ym.ready(function() {
    var map = new ym.Map('map', {
        center: [55.744, 37.587],
        zoom: 12,
        type: null // что-бы не загружался слой "Схема" Яндекс.Карт
    }, {});

    var googleLayer = new ym.Layer('http://mt0.google.com/vt/lyrs=m@176000000&hl=ru&%c', {
        projection: ym.projection.sphericalMercator,
        // указываем проекцию слоя Google.Карт
        tileTransparent: true
    });
    map.layers.add(googleLayer);

    map.controls.add(new ym.control.TrafficControl({
        shown: true
    }), {
        left: 5,
        top: 5
    });

    map.copyrights.add({}, [{
        text: '<a href="http://google.com">Google</a>'}]);
})