спасибо, попробовал, вставил из примера такой код
<p>
<link crossorigin="" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" rel="stylesheet" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script><script type="text/javascript">
var mymap = L.map('mapid').setView([51.505, -0.09], 13);
</script></p>
<div id="mapid" style="width:630px; height:580px;">
карта не отображается, кто нибудь знает почему? Я в свое время работал с яндекс картами, все завелось без проблем, так что опыт есть