webgis学习

1.掘金上的一篇webgis介绍：一个页面仔必备的 WebGIS
2.常用坐标系汇总：常用坐标系汇总
3.WMTS服务初步理解与读取： WMTS
4.WebGIS前端地图显示之根据地理范围换算出瓦片行列号的原理：根据地理范围换算出瓦片行列号的原理
5.天地图OGC WMTS服务规则：天地图OGC WMTS服务规则
在这里插入图片描述
6.leaflet 插件Proj4Leaflet：Proj4Leaflet
这个Leaflet插件增加了对使用Proj4js支持的投影的支持。
Leaflet内置了对Spherical Mercator中的图块的支持以及其他一些投影。如果需要其他投影中的图块层支持，则Proj4Leaflet插件可让您在Proj4js支持的任何投影中使用图块，这意味着几乎支持任何常用的投影。

Proj4Leaflet还在任何投影中添加了对GeoJSON的支持，而Leaflet本身假设GeoJSON始终使用WGS84作为其投影。

LatLngProj4Leaflet插件还支持通过投影坐标而非s设置边界的图像叠加层。

1.L.Proj.CRS
Constructor构造函数
L.Proj.CRS(code, proj4def, options)

Usage example
var map = L.map('map', {
    
    
    center: [57.74, 11.94],
    zoom: 13,
    crs: L.Proj.CRS('EPSG:2400',
      '+lon_0=15.808277777799999 +lat_0=0.0 +k=1.0 +x_0=1500000.0 ' +
      '+y_0=0.0 +proj=tmerc +ellps=bessel +units=m ' +
      '+towgs84=414.1,41.3,603.1,-0.855,2.141,-7.023,0 +no_defs',
      {
    
    
        resolutions: [8192, 4096, 2048] // 3 example zoom level resolutions
      }
    ),
    continuousWorld: true,
    worldCopyJump: false
});
2..Proj.GeoJSON
Usage Example
proj4.defs("urn:ogc:def:crs:EPSG::26915", "+proj=utm +zone=15 +ellps=GRS80 +datum=NAD83 +units=m +no_defs");
var geojson = {
    
    
  type: "Feature",
  geometry: {
    
    
    type: "Point",
    coordinates: [481650, 4980105]
  },
  crs: {
    
    
    type: "name",
    properties: {
    
    
      name: "urn:ogc:def:crs:EPSG::26915"
    }
  }
};

var map = L.map('map');
L.Proj.geoJson(geojson).addTo(map);
3.L.Proj.ImageOverlay
Usage Example
// Coordinate system is EPSG:28992 / Amersfoort / RD New
var imageBounds = L.bounds(
  [145323.20011251318, 475418.56045463786],
  [175428.80013969325, 499072.9604685671]
);

L.Proj.imageOverlay('http://geo.flevoland.nl/arcgis/rest/services/Groen_Natuur/Agrarische_Natuur/MapServer/export?' +
  'format=png24&transparent=true&f=image&bboxSR=28992&imageSR=28992&layers=show%3A0' +
  '&bbox=145323.20011251318%2C475418.56045463786%2C175428.80013969325%2C499072.9604685671&size=560%2C440',
  imageBounds);

7.leaflet 官网：https://leafletjs.com/
8.Web GIS离线解决方案Web GIS离线解决方案
9.地图可视化插件 mapV
结合leaflet使用案例
 api
在这里插入图片描述

猜你喜欢