JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://leafletjs.com/dist/leaflet.js"></script>
<link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.css">
<a href="#eintrag" id="[48.20682894891699, 16.370315551757812]" role="button" class="btn btn-primary" data-toggle="modal">Open Map</a>
<div id="map"></div>

CSS

body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
}

JavaScript

var map = L.map('map').setView([50, 20], 5);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

jQuery(document).on("click", "a", function (event) {
    id =jQuery(this).attr('id') || '';
    console.log(id);   
    L.marker(eval(id)).addTo(map);
});