GeoServer

在百度地图加载wms图层

你说的曾经没有我的故事 提交于 2020-05-05 08:03:27
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZqsKQeiiEjGLpZvtTsbEYAPzmgoD4v5F"></script> <title>自定义网格</title> <style type="text/css"> body, html { width: 100%; height: 100%; margin: 0; font-family: "微软雅黑"; } #allmap { width: 100%; height: 100%; } #r-result { width: 100%; margin-top: 5px; } p { margin: 5px; font-size: 14px; } </style> </head> <body> <div id="allmap"></div> <div id="r-result">

cesium 3dtiles模型单体化点击高亮效果

走远了吗. 提交于 2020-05-04 20:59:27
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 cesium官网在线例子 https://sandcastle.cesium.com/?src=3D+Tiles+Feature+Picking.html 大概思路如下: 加载3dtiles模型 var tileset = new Cesium.Cesium3DTileset({ url: Cesium.IonResource.fromAssetId( 75343 ), }); viewer.scene.primitives.add(tileset); 创建html元素,鼠标移动以及点击模型高亮作用 // HTML overlay for showing feature name on mouseover var nameOverlay = document.createElement("div" ); viewer.container.appendChild(nameOverlay); nameOverlay.className = "backdrop" ; nameOverlay.style.display = "none" ; nameOverlay.style

cesium 3dtiles模型单体化点击高亮效果

泄露秘密 提交于 2020-05-04 19:30:11
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 cesium官网在线例子 https://sandcastle.cesium.com/?src=3D+Tiles+Feature+Picking.html 大概思路如下: 加载3dtiles模型 var tileset = new Cesium.Cesium3DTileset({ url: Cesium.IonResource.fromAssetId( 75343 ), }); viewer.scene.primitives.add(tileset); 创建html元素,鼠标移动以及点击模型高亮作用 // HTML overlay for showing feature name on mouseover var nameOverlay = document.createElement("div" ); viewer.container.appendChild(nameOverlay); nameOverlay.className = "backdrop" ; nameOverlay.style.display = "none" ; nameOverlay.style

cesium 之图层管理器篇(附源码下载)

主宰稳场 提交于 2020-05-04 07:07:29
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 内容概览 1.基于cesium 实现图层管理器效果 2.源代码 demo 下载 本篇实现 cesium 图层管理器功能,效果图如下: 图层配置文件信息 /* 地图图层菜单目录构造 */ /* *name-图层名称 *layerurl-图层服务配置 *type代表地图服务类型: 0代表ArcGisMapServerImageryProvider; 1代表createOpenStreetMapImageryProvider; 2代表WebMapTileServiceImageryProvider; 3代表createTileMapServiceImageryProvider; 4 代表UrlTemplateImageryProvider; 5 代表WebMapServiceImageryProviderr(WMS); 6 代表kml,kmz; 7 代表geoJson; *layerid-图层id */ MapConfig.Layers = [ { id: 1, pId: 0, name: "基础图层",checked: false }, { id: 11 , pId: 1 ,

cesium结合geoserver实现地图空间查询(附源码下载)

六眼飞鱼酱① 提交于 2020-05-04 07:06:32
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 内容概览 1.cesium 结合 geoserver 实现地图空间查询 2.源代码 demo 下载 效果图如下: 实现思路:首先利用 geoserver 发布的图斑 WFS 服务,通过 url 的 rest 请求,构造空间查询形式,获取 geojson 数据源;然后调用cesium api 的 Cesium.GeoJsonDataSource.load 加载 geojson 数据源渲染展示;最后监听地图点击事件,获取矢量数据的属性,显示在右上角的信息窗口。 地图初始化创建: var viewer = new Cesium.Viewer('map' , { geocoder: false , homeButton: false , sceneModePicker: false , fullscreenButton: false , vrButton: false , baseLayerPicker: false , infoBox: false , selectionIndicator: false , animation: false , timeline: false ,

JavaWeb和WebGIS学习笔记(六)——使用ArcGIS for Server发布地图服务

旧城冷巷雨未停 提交于 2020-05-02 20:14:58
系列链接: Java web与web gis学习笔记(一)——Tomcat环境搭建 Java web与web gis学习笔记(二)——百度地图API调用 JavaWeb和WebGIS学习笔记(三)——GeoServer 发布shp数据地图 JavaWeb和WebGIS学习笔记(四)——使用uDig美化地图,并叠加显示多个图层 JavaWeb和WebGIS学习笔记(五)——使用OpenLayers显示地图 前面我们使用了开源的GeoServer发布地图,这里介绍一下使用我们最熟悉的ArcGIS发布地图。 一、安装ArcGIS for Server 这里可以参考 ArcGIS for Server 10.2下载及安装 这篇博客安装ArcGIS for Server 10.2 。需要注意一点,在同一台机器上,ArcGIS for Server 的版本需要与已有的 ArcGIS for Desktop的版本一致。 安装好之后,会自动打开 http://localhost:6080/arcgis/manager/,首次进入需要创建站点管理员账户,并配置服务器站点的文件位置,创建完成之后登录即可。 <img src="https://s1.ax1x.com/2020/03/25/8XrN1s.png" alt="Snipaste_2020-03-24_20-24-43" style="zoom

JavaWeb和WebGIS学习笔记(五)——使用OpenLayers显示地图

蹲街弑〆低调 提交于 2020-05-02 20:14:43
系列链接: Java web与web gis学习笔记(一)——Tomcat环境搭建 Java web与web gis学习笔记(二)——百度地图API调用 JavaWeb和WebGIS学习笔记(三)——GeoServer 发布shp数据地图 JavaWeb和WebGIS学习笔记(四)——使用uDig美化地图,并叠加显示多个图层 前言 :在上一篇博客 JavaWeb和WebGIS学习笔记(四)——使用uDig美化地图,并叠加显示多个图层 中,我们使用Layer Preview功能,通过GeoServer自带的OpenLayer预览到了我们发布的地图。预览时的url通常是很长一串字符。 这种方式虽然也能够进行访问,但预览的URL包含了大量请求参数,直接提供这样一个URL链接既不方便访问,也有碍观瞻。因此,我们何不自己使用OpenLayers在自己的网页中显示发布的地图呢。 OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问。它 支持Open GIS 协会制定的WMS(Web Mapping Service)和WFS(Web Feature Service)等网络服务规范。可以在浏览器中帮助开发者实现地图浏览的基本效果,比如放大(Zoom In)、缩小(Zoom Out)、平移(Pan)等常用操作之外

Cesium调用Geoserver发布的 WMS、WFS服务

若如初见. 提交于 2020-05-02 01:43:30
1 GeoServer服务发布 1.1 WMS服务 下载GeoServer安装版安装,同时安装geopackage扩展,以备使用。使用XX地图下载器下载地图,导出成GeoPackage地图文件。 (1)下载 GeoPackage DEM数据 (2)打开GeoServer服务界面 (3)点击左侧工作区 ->添加新的工作区 ->输入一个名字URL可以随意起,点击提交(作者使用的名字是Cesium) (4)点击左侧数据存储->新建数据源,会发现两个GeoPackage,此处根据下载的地图类型选择即可 (5)工作区选择刚刚新建的工作区,数据源名称可以随便起,连接参数点击浏览选择刚才导出的GeoPackage文件 发布成功后弹出如下窗口,点击发布 点击左侧 -> Layer Perview 找的刚才发布的图层,点击 OpenLayers 出现如下效果: 2 Cesium调用 2.1 WMS服务 打开Cesium工作区,添加如下代码。 <script> var viewer = new Cesium.Viewer('cesiumContainer'); var provider = new Cesium.WebMapServiceImageryProvider({ url: 'http://localhost:8082/geoserver/cesium/wms', layers:

cesium 自定义ino logo。

别说谁变了你拦得住时间么 提交于 2020-05-02 01:26:28
<! DOCTYPE html > < html > < head > < title > hello word </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < script src ="../Build/Cesium/Cesium.js" ></ script > < link href ="../Build/Cesium/Widgets/widgets.css" rel ="stylesheet" > </ head > < body > < div id = "cesiumContainer" ></ div > < script > var url = ' http://192.168.1.122:8080/geoserver/wms ' ; // Geoserver URL var viewer = new Cesium.Viewer( ' cesiumContainer ' ,{ imageryProvider: Cesium.createTileMapServiceImageryProvider({url:Cesium.buildModuleUrl( ' Assets/Textures/NaturalEarthII ' )}),

cesium 结合 geoserver 实现地图属性查询(附源码下载)

可紊 提交于 2020-05-01 06:02:11
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 内容概览 1.cesium 结合 geoserver 实现地图属性查询 2.源代码 demo 下载 效果图如下: 实现思路:首先利用 geoserver 发布的图斑 WFS 服务,通过 url 的 rest 请求,构造属性查询形式,获取 geojson 数据源;然后调用cesium api 的 Cesium.GeoJsonDataSource.load 加载 geojson 数据源渲染展示;最后监听地图点击事件,获取矢量数据的属性,显示在右上角的信息窗口。 地图初始化创建: var viewer = new Cesium.Viewer('map' , { geocoder: false , homeButton: false , sceneModePicker: false , fullscreenButton: false , vrButton: false , baseLayerPicker: false , infoBox: false , selectionIndicator: false , animation: false , timeline: false ,