Leaflet.toolbar怎么引入
时间: 2024-03-28 17:37:22 浏览: 15
你可以通过以下步骤引入 Leaflet.toolbar:
1. 下载 `leaflet.toolbar.js` 文件,可以从 Leaflet.toolbar 的官方 GitHub 仓库中获取:https://github.com/justinmanley/leaflet.toolbar。
2. 将 `leaflet.toolbar.js` 文件添加到你的项目中,并在 HTML 文件中引入:
```html
<script src="path/to/leaflet.toolbar.js"></script>
```
3. 在创建地图对象时,将 `L.toolbar()` 添加到地图中:
```javascript
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
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>',
maxZoom: 18,
}).addTo(map);
var toolbar = L.toolbar().addTo(map);
```
然后,你就可以向 `toolbar` 中添加工具按钮了。
需要注意的是,Leaflet.toolbar 插件依赖于 Leaflet.js 和 jQuery 库,所以在使用之前要确保这两个库已经正确加载。