leafletjs学习笔记二（初学者笔记）

上次学习了如何使用leafletjs初始化一个简单的地图窗口 但是没有实际地图图层出现 今天来实现这个图层
图层构造器：L.TileLayer() 用于在原有的地图窗口上显示切片地图 （我们平常看到的地图都是由一个个切片组成 每次缩放地图都是不同尺寸的地图重新加载拼接的结果）

现在来讲解一些这个构造器的使用方法
这个构造器有两个参数 第一个参数是用来获取平面图地址的url 第二个参数是一个对象 里面放的是这个图层构造器的一些配置参数

L.tileLayer(
                'http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}',
                {
                attribution:'',
                maxZoom: 20,
                subdomains:["1","2","3","4"]
            }).addTo(map)

这些参数的具体使用可以到官网中查看 这边做个基础的认识即可
这个构造器有一个addTo的方法 就是将这个图层添加到我们初始化的地图窗口上
注意 这个图层构造器需要在地图实例化后再写 因为是需要实例化完成后才能将它添加到实例的对象上

今天的分享就到次为止 之后还会继续学习 感兴趣的话可以关注我

附：
谷歌交通地图地址：http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i380072576!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0!5m1!1e0，
平面图地址2：http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}，

影像图地址：http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}，

影像注记层地址：http://www.google.cn/maps/vt?lyrs=h@189&gl=cn&x={x}&y={y}&z={z}，

地形图层：http://www.google.cn/maps/vt?lyrs=t@189&gl=cn&x={x}&y={y}&z={z}