如何解决如何根据多边形的坐标调整反应叶的缩放级别
我正在尝试用多边形创建地图。我们如何确定缩放级别,以便所有多边形在地图上可见。
解决方法
您可以使用FeatureGroup。像这样:
var mymap = L.map('mapid').setView([51.505,-0.09],13);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',{
maxZoom: 18,attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors,' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>,' +
'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',id: 'mapbox/streets-v11',tileSize: 512,zoomOffset: -1
}).addTo(mymap);
var poly1 = L.polygon([
[51.509,-0.08],[51.503,-0.06],[51.51,-0.047]
]).addTo(mymap);
var poly2 = L.polygon([
[51.519,-0.18],[51.513,-0.16],[51.52,-0.147]
]).addTo(mymap);
var group = L.featureGroup([poly1,poly2]);
mymap.fitBounds(group.getBounds());
<link href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<div id="mapid" style="width: 600px; height: 400px;"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。