leaflet简单例子,绘制多边形 🌍📍
发布时间：2025-03-16 08:24:14来源：
Leaflet是一款轻量级且功能强大的地图库，它可以帮助开发者轻松创建交互式地图。今天就用一个简单的例子来展示如何使用Leaflet绘制一个多边形！✨
首先，我们需要引入Leaflet库，并在HTML中创建一个容器来放置地图。例如：`
`。接着，在JavaScript部分初始化地图：```javascript
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
}).addTo(map);
```
然后，定义一个多边形的坐标点，比如伦敦市中心的一些地标位置。
```javascript
var polygon = L.polygon([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
]).addTo(map);
```
最后，调整地图视图让多边形完整显示：
```javascript
map.fitBounds(polygon.getBounds());
```
这样，一个漂亮的多边形就在地图上呈现出来了！🎉
通过这个简单的例子，我们可以看到Leaflet的强大之处，它不仅易于使用，还能实现复杂的功能。快来试试吧！🌍🚀
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
