本文共 1521 字，大约阅读时间需要 5 分钟。

OpenLayers?Leaflet?Cesium??????????

?Web GIS???????????????????????????????????????????OpenLayers?Leaflet?Cesium????????????????

1. OpenLayers

OpenLayers??????????????????OpenStreetMap?Mapbox?GeoServer???????????????????????????????OpenLayers?????????????????????

2. Leaflet

Leaflet?????????????????Web GIS????????Leaflet?? Leaflet.js ??????????????????API????????????????????????

3. Cesium

Cesium????3D??????????????????? WebGL?????????????????????????????????Cesium????????????3D????????????

4. MapboxGL

MapboxGL?Mapbox?????????????? WebGL??????? Leaflet???????OpenStreetMap????????????????????????

5. GIS????

???????? GIS ?????????????

• Canvas???2D?????WebGL?????
• WebGL?????3D???????????????????
• Echarts?????????????????????

6. Overlay?????? OpenLayers ????

? OpenLayers ??Overlay ???????????????????????????? Overlay ????????

a. ?????

var overlay = new ol.Overlay({  id: 'myOverlay',  element: document.getElementById('overlayElement'),  offset: [0, 0],  position: 'bottom-left',  stopEvent: true,  autoPanAnimation: true,  className: 'custom-overlay-class'});// ???overlayoverlay.on('change:element', function() {  console.log('??????');});

b. ???????????

overlay.setPosition([0, 0]);overlay.setElement('?????');

c. ??????

overlay.on('change:element', function() {  console.log('??????');});

7. ????

• ????????????????????????
• ??????? Overlay ??????????
• ???????????????????????

8. ????

???????????????????

• React?????????????
• Vue.js???????????????
• TypeScript??????????????

???????????????????????????????????????????????

转载地址：http://okpfk.baihongyu.com/