lz5211314121的博客

在这个例子当中，我们首先新建了一个自己的类叫做GIS，然后写了一个自定义的方法叫做addColorfulLayer，方法的内容就是使用L.geoJson( )来建立一个geojson图层，设置其样式为随机颜色，最后把新建的layer对象返回，由于不想让外界访问这个layer因此我写成了_layer。L.Class.extend( )的使用流程是，先建立一个自定义的类，然后使用L.Class.extend( )将L身上的方法和属性都传递给你自己建立的类，然后使用自定义类的实例去调用你自己封装的方法。

这个click参数的值也是个回调函数，这个回调函数的参数是鼠标点击所拾取到的所有要素信息，e是包括经纬度，图层，要素等多个信息，e.target代表着图层本身的信息。e.target.feature即当前点击的要素。首先要清楚leaflet框架的构造，leaflet在加载图层的时候是对图层添加了事件监听的，也就是说用户对于图层的任何操作都可以被捕捉到。即我们在添加geojson图层的时候有个配置参数叫onEachFeature。这个参数的值是一个回调函数，这个回调函数有两个参数，分别是每个要素和整个图层。

leaflet加载天地图有两个地方需要特别注意，第一个是坐标系问题，需要先给leaflet指定坐标系，你可以指定4326 的地理坐标系，也可以是3857 的墨卡托投影坐标系。举个例子现在需要加载经纬度为单位的地图，那就要指定crs为EPSG4326，同样申请的天地图的服务为img_c如果是crs为EPSG3857那就需要加载img_w.我们有这样几种方式引入leaflet，第一种是cdn的形式，也就是在线的资源库，如果你是学生和小白为了测试和学习可以采用这种方式。leaflet默认是支持两种坐标系的。