网络地理信息系统 WebGIS¶

1 WebGIS 概述¶

1.1 客户端¶

1.1.1 OpenLayers¶

官网：https://openlayers.org/

npm create ol-app my-app

1.1.2 Leaflet¶

官网：https://leafletjs.com/

对手机端支持更好

1.2 服务端¶

1.2.1 GeoServer¶

官网：https://geoserver.org/

1.2.2 MapServer¶

官网：https://mapserver.org/

1.3 数据层¶

1.3.1 公共在线地图服务¶

1.3.2 PostgreSQL+PostGIS¶

2 前端三剑客¶

W3School：https://www.w3school.com.cn/

3 局域网发布¶

IIS发布

IIS：Internet Information Services

4 前后端交互¶

将数据库信息返回成json格式

1.将XML转换成JSON（先读全部信息，然后转成XML和JSON） 2.前端作业面，去用Ajax读取webservice服务，让其返回回来JSON格式的信息。

xml转json¶

dataset→xml→json

Netonsoft.Json

序列化对象，将dataset或返回为json

前端Ajax调用webservice接口¶

Ajax调用WebService（一）_ajax发起webservice_vs_sundaylove的博客-CSDN博客

Ajax：Js 异步传输技术

与服务器低量不断传输交互，如：在搜索时，出现待选框

调用 jQuery 在线库

5 OpenLayers¶

创建ASP.NET Web 空项目程序

1、显示所有文件

2、包括在项目中

3、

实操¶

在查看需要安装包的名称及其使用

https://www.npmjs.com/

安装parcel打包器

1	`npm install parcel`

安装后，在空项目中会有个包管理器

安装openlayer包

1	`npm install ol`

项目初始化

1	`npm init -y`

地图滑块

参考：https://openlayers.org/en/v6.15.1/apidoc/module-ol_control_ZoomSlider-ZoomSlider.html

最后更新: 2023-06-25
创建日期: 2023-05-17
作者: gis-xh