vue2 leaflet 边界
时间: 2023-12-16 12:28:12 浏览: 127
vue-leaflet
以下是使用vue2-leaflet获取地图边界的方法:
1. 在Vue组件中引入L(leaflet)和LBounds(leaflet的边界类):
```javascript
import { L, LBounds } from 'vue2-leaflet';
```
2. 在Vue组件中定义地图的边界:
```javascript
data() {
return {
bounds: LBounds(L.latLng(40.712, -74.227), L.latLng(40.774, -74.125))
}
}
```
3. 在Vue组件中使用`l-map`组件,并将`bounds`属性设置为定义的边界:
```html
<l-map :bounds="bounds">
<!-- 在这里添加其他地图组件 -->
</l-map>
```
阅读全文