JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    let map;
    function initMap() {
        let latitude = parseFloat("{{mpg_lat}}".replace(',', '.'))
        let longitude = parseFloat("{{mpg_lng}}".replace(',', '.'))
        map = new google.maps.Map(document.getElementById("map"), {
        center: {
            lat: latitude,
            lng: longitude
        },
        zoom: 15,
    });
    }
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR-API-KEY-HERE&callback=initMap&libraries=&v=weekly" async></script>

<div id="map" style="height: 300px"></div>