vue@leaflet 创建TileLayer组件

关注公众号"seeling_GIS"， 领取前端学习视频资料

参考：leafletjs.com/reference-1…

这是vue@leaflet基础开发的最后一篇文章了，加上以前对leaflet api使用的文章， 就可以实现webgis的基本开发了，【vue@leaflet】的四篇文章主要是简单的介绍了 vue和leaflet结合开发的使用方式。没有对vue的语法或者leaflet做更多的介绍， leaflet的使用，可以参看以前发布的文章，有专门的介绍过。如果想了解更多的 vue@leaflet的开发可以参看视频

创建LTileLayer.vue 组件，因为这里面直接使用的是leaflet中 tilelayer api， 所以可以不用 template

引入 tilelayer

import { tileLayer } from 'leaflet';
//或
//import { TileLayer } from 'leaflet';
//区别
// tilelayer = new TileLayer()

添加tilelayer 到地图上

vm.layer = tileLayer(this.url, this.option);
//或
//vm.layer = new TileLayer(this.url, this.option);

vm.layer.addTo(this.map); 

完整代码如下 gitee.com/seelingzhen…

更多的封装方式可以参考 github.com/vue-leaflet…

更多内容，欢迎关注公众号