gpt4 book ai didi

javascript - leaflet.js中如何显示 map 比例尺

转载 作者:行者123 更新时间:2023-11-29 16:46:41 24 4
gpt4 key购买 nike

我想知道如何在leafleat.js 中显示比例尺 map 。那就是:我想要这个 enter image description here而不是这个 enter image description here(带到 leaflet tutorial )。请参见图片的左下角。

最佳答案

您可以使用 L.control.scale() :

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.control.scale().addTo(map);
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>

<div id="map" style="width: 100%; height: 150px;"></div>

关于javascript - leaflet.js中如何显示 map 比例尺,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40201113/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com