openlayers学习(一) 显示地图
1、引入openlayer的api <link rel="stylesheet" href="../lib/openlayerv6.4.3/css/ol.css"><script src="../lib/openlayerv6.4.3/build/ol.js"></script>2、创建地图图层...
openlayers学习(三) wms图层过滤条件filter
要达到的效果通过多边形或者要素属性过滤wms的图形要素 过滤条件的写法参考geoserver官网的示例:https://docs.geoserver.org/2.12.2/user/tutorials/cql/cql_tutorial.html 使用上一节的示...
openlayers学习(二) 加载geoserver发布的wms图层
要达到的效果显示geoserver中发布的wms图层,数据使用geoserver自带的示例数据。安装后geoserver后就有的数据 官网示例链接:https://openlayers.org/en/latest/examples/wms-custom-tilegri...
openlayers学习(四)加载geoserver发布的wfs图层
要达到的效果显示geoserver中发布的wfs图层,数据使用geoserver自带的示例数据。安装后geoserver后就有的数据poi图层 官网示例:https://openlayers.org/en/latest/examples/vector-wfs.html...
openlayers学习(五)wfs图层的过滤条件filter
要达到的效果通过多边形或者要素属性过滤wfs的图形要素 使用上一节的方法二进行过滤图形 1、加载地图: var rootLayer = new ol.layer.Tile({ source: new ol.source.XYZ({ url: '...
openlayers学习(六)绘图
要完成的任务是绘制点、线、面、圆、正多边形,指定半径的圆 官方示例:https://openlayers.org/en/latest/examples/draw-features.html 1、初始化地图 var rootLayer = new ol.layer.Tile({...
openlayers学习(八)加载天地图各种底图
加载天地图的各种在线地图资源 天地图在线地图资源地址:http://lbs.tianditu.gov.cn/server/MapService.html 1、初始化地图 var rootLayer = new ol.layer.Tile({ source: new ol...
openlayers学习(七)量测距离和面积
实现量测距离和面积 官网示例:https://openlayers.org/en/latest/examples/measure.html 1、初始化地图 var rootLayer = new ol.layer.Tile({ source: new ol.source.XYZ({ url: ...
数据库 shp文件导入mysql数据库
百度网盘地址 链接:https://pan.baidu.com/s/1ZXwrcZyiwHTBTZO1lkfRhA 提取码:s3lw 软件界面 使用很简单和导入postgres的导入工具PostGIS PostGIS Bundle 3 for Pos...
WMS WFS WCS 的区别
WMS WFS WCS 的区别 这里可以用一张图来描述: WMS – Web Map Service,WMS 通过具有地理空间信息的数据制作地图,在国际规范中,地图(map)被定义为地...