039 ： vue+leaflet只显示一屏地图，设定范围不让循环延展

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 039个示例

一、示例效果

状况1：完美展现
这种实现：map中设置 maxBounds: [[-90, -180],[90, 180]], 瓦片底图中设置noWrap: true, bounds: [[-90, -180],[90, 180]]

状况2：晃荡展现
这种实现：map中不设置 maxBounds, 瓦片底图中设置noWrap: true, bounds: [[-90, -180],[90, 180]]

状况3：晃荡循环展现
这种实现：map中不设置 maxBounds, 瓦片底图中不设置bounds

二、示例简介

本示例介绍演示如何在vue+leaflet只显示一屏地图，并且根据maxBoun