Cesium开发学习笔记(八)---geosever发布自定义地图

Geoserver安装

地址:http://geoserver.org/
我的安装目录:
在这里插入图片描述

JAVA安装

由于GeoServer是基于Java开发的。因此在安装之前,必须确保安装了Java。

Geoserver文件配置

进入目录C:/geoserver/geoserver-2.16.1目录下
打开文件start.ini配置文件
修改端口号 jetty.port = 8081
在这里插入图片描述

Geoserver启动

进入bin目录下,双击startup
网页上输入网址:http://localhost:8081/geoserver/web/
默认用户:admin
默认密码:geoserver

Geoserver自定义地图

1. 创建工作区
在这里插入图片描述
2. 将需要绘制的信息文件放在data_dir/gwc目录下
在这里插入图片描述
3. geosever里面绘制信息
- 点击数据栏目的数据存储
- 添加新的数据存储
在这里插入图片描述
- 选择shp格式的文件添加,保存,发布
在这里插入图片描述
在这里插入图片描述
- 发布之后进入的页面,信息按需填写,最后保存信息
-在这里插入图片描述

4. 点击Layer Preview栏目,搜索找到发布的信息world_test,点击OpenLayers
在这里插入图片描述
在这里插入图片描述
** 5. 地图颜色设置**
图层栏目,找到自己发布的地图信息,点开找到发布,在available Styles中进行样式选择
在这里插入图片描述

Cesium使用Geoserver
let GeoUrl = '192.168.1.15:8080'; //IP地址
// geoserver 引入  获取dom id
var cesiumContainer = document.getElementById("cesiumContainer");

// var viewer = ysc.createNormalCesium('cesiumContainer', {
viewer = new Cesium.Viewer("cesiumContainer", {
 imageryProvider: new Cesium.WebMapServiceImageryProvider({
        // url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')  加载本地资源地球
        url: GeoUrl + "/geoserver/World/wms",
        // 图层名称 totalworld
        layers: "World:totalworld",
        parameters: {
            service: "WMS",
            format: "image/png",
            transparent: true
        }
    }),
});

var options = {
    camera: viewer.scene.camera,
    canvas: viewer.scene.canvas,
    clampToGround: true //开启贴地,
};

//动态修改图层显示
let shplayer = "scene:sence_showName";
var providerShp = new Cesium.WebMapServiceImageryProvider({
  url:GeoUrl + "/geoserver/World/wms",  //图层工作区
  layers:"World:total",// 图层名称
  parameters:{
    service:"WMS",
    format:"image/png",
    transparent:true
  }
});
// 添加
let y =viewer.imageryLayers.addImageryProvider(providerShp);
// 移除
viewer.imageryLayers.remove(y);

此笔记仅仅为了记录自己在项目中所学到的知识,如果有问题,可以提出,我们可以共同探讨。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值