本文共 1805 字，大约阅读时间需要 6 分钟。
OpenLayers?Geoserver????????Web???????????????????????????????????????????????????
???????OpenLayers???????????????Geoserver??????????????
# ??Geoservergit clone https://github.com/geoserver/geoserver.git cd geoserver/ mvn clean install -DskipTest # ??Geoserver??java -jar geoserver.jar
??????????OpenLayers????????????????
// ??OpenLayers???? const map = new ol.Map({ target: 'map-container', layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([0, 0]), zoom: 2 }) }); ????????????Geoserver????????OpenLayers?????????????????
// ??Geoserver??? map.on('load', function() { const vectorSource = new ol.source.Vector({ url: 'http://localhost:8080/geoserver/wfs', format: 'application/x-www-form-urlencoded', params: { service: 'WFS', version: '1.0.0', srs: 'EPSG:900913' } }); const vectorLayer = new ol.layer.Vector({ source: vectorSource }); map.addLayer(vectorLayer); }); ?????????????????????????????????srs???????????????
// ???????? map.removeLayer(vectorLayer); const newVectorSource = vectorSource.clone({ params: { srs: 'EPSG:3857' } }); const newVectorLayer = new ol.layer.Vector({ source: newVectorSource }); map.addLayer(newVectorLayer); ????????????????????ol.source.GeoJSON???
// ???????? const geojsonSource = new ol.source.GeoJSON({ url: 'path/to/your/geojson/data.geojson' }); const vectorLayer = new ol.layer.Vector({ source: geojsonSource }); map.addLayer(vectorLayer); ?????????????????????????OpenLayers?Geoserver??????????????????????????????????????????????
转载地址：http://mupfk.baihongyu.com/