استفاده از کتابخانه leafletjs

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

<div id="map" style="height:89.5%;"></div>
    <script>
        //<![CDATA[
        var map = L.map('map').setView([35.69975547249546, 51.33803292808358], 14);
        L.control.scale({ imperial: false }).addTo(map);
        L.tileLayer('http://memaps.ir/hot/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> | <a href="https://parspack.com">استوار بر روی راهکارهای ابری پارس‌پک</a> ',
            maxZoom: 21,
            maxNativeZoom: 20
        }).addTo(map);


        var hash = L.hash(map)
        //]]>
    </script>