OpenGIS应用(1)

最新推荐文章于 2022-08-26 09:23:27 发布
最新推荐文章于 2022-08-26 09:23:27 发布
阅读量612 收藏
点赞数
分类专栏： GIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dcj_gis2006/article/details/40656211
版权 

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta http-equiv="refresh" content="300"> <!--每隔300秒自动刷新-->
    <title>平面图</title>
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script type="text/javascript" src="OpenLayers/OpenLayers.js"></script>
    <script type="text/javascript" src="geoext/lib/GeoExt.js"></script>
    <script type="text/javascript" src="js/jeegoocontext_1_3/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/GeoWebCache.js"></script>
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
    <script type="text/javascript">
        var mapSRS,jpegFormat,geoserverWFSUrl,featureNameSpace;
      
      try{
          var map;
        var mapPanel,store,gridPanel,mainPanel;
        var mapUnits;
        var geoserverWMTSUrl;
        
        Ext.onReady(function() {
            mapSRS = "EPSG:2385",jpegFormat = "image/jpeg",mapUnits = "meters";
          geoserverWFSUrl = "http://192.168.122.114:8989/geoserver/wfs";
          geoserverWMTSUrl = "http://192.168.122.114:8989/geoserver/gwc/service/wms";
          featureNameSpace = "http://localhost:8989/";
          
          var mode = 0;
          
          switch (mode) {
              case 0:  // 调用WMTS
                var mapBounds = new OpenLayers.Bounds(1474755,576879,1537217,599560);
                var options = {
                  resolutions: [82.83203125,41.416015625,20.7080078125],
                projection: new OpenLayers.Projection(mapSRS),
                units: mapUnits,
                maxExtent: mapBounds
              };
              
              map = new OpenLayers.Map("map",options);
              
              var baseLayer = new OpenLayers.Layer.WMS(
                  "底图",
                geoserverWMTSUrl, {
                    layers: "seari:nb7_extent",
                    format: jpegFormat
                },{
                    tileSize: new OpenLayers.Size(256,256),
                    displayInLayerSwitcher: false
                }
              );
              map.addLayers([baseLayer]);
                break;
          }
          // 添加图层
          var layer1 = CreateLayer("新建墙体","nb7_layer1","#00946A");  // 74
          var layer2 = CreateLayer("建筑墙体","nb7_layer2","#000482");  // 175
          //var layer3 = CreateLayer("顶面主要造型","nb7_layer3","#AB00AB")  // 97
          var layer4 = CreateLayer("玻璃","nb7_layer4","#009696");  // 136
          var layer5 = CreateLayer("景观","nb7_layer5","#4CE600");  // 2367
          var layer6 = CreateLayer("通-尺寸","nb7_layer6","#009E08");  // 750
          var layer7 = CreateLayer("平面洁具","nb7_layer7","#A65B00");  // 288
          var layer8 = CreateLayer("地面填充","nb7_layer8","#004799");  // 3
          var layer9 = CreateLayer("完成厚面","nb7_layer9","#A32E00");  // 10
          var layer10 = CreateLayer("消防楼梯","nb7_layer10","#991700");  // 174
          var layer11 = CreateLayer("活动家具","nb7_layer11","#05008F");  // 588
          var layer12 = CreateLayer("门套","nb7_layer12","#001E82");  // 38
          var layer13 = CreateLayer("柱体框线","nb7_layer13","#009C9C");  // 139
          var layer14 = CreateLayer("门","nb7_layer14","#828282");  // 1193
          var layer15 = CreateLayer("电梯桥箱","nb7_layer15","#329E00");  // 48
          
          // 面图层
          var layer0 = CreateThematicLayer("客流分布","nb7_floor");
          map.addLayers([layer0,layer1,layer2,layer4,layer5,layer6,layer7,layer8,layer9,layer10,layer11,layer12,layer13,layer14,layer15]);
          
          map.zoomToMaxExtent();
          
          mapPanel = new GeoExt.MapPanel({
            title: "平面图",
            region: "center",
            height: 650,
            width: 900,
            map: map
          });
          
          store = new GeoExt.data.FeatureStore({
            layer: layer0,
            fields: [
              {name: 'RoomNum', tyep: 'string'},
              {name: 'Num', tyep: 'integer'}
            ],
            proxy: new GeoExt.data.ProtocolProxy({
              protocol: new OpenLayers.Protocol.WFS({
                version: "1.1.0",
                  url: geoserverWFSUrl,
                  featureType: "nb7_floor",
                  featureNS: featureNameSpace,
                  srsName: mapSRS,
                  geometryName: "the_geom"
              })
            }),
            autoLoad: true
          });
          
          store.sort("RoomNum","ASC");  // 排序
          
          gridPanel = new Ext.grid.GridPanel({
            title: "客流统计",
            region: "east",
            store: store,
            width: 150,
            columns: [{
              header: "房间号",
              width: 60,
              dataIndex: "RoomNum"
            },{
              header: "客流数(人)",
              width: 90,
              dataIndex: "Num"
            }]
          });
          
          mainPanel = new Ext.Panel({
                      renderTo: "mainPanel",
                      layout: "border",
            height: 650,
            width: 1050,
            items: [mapPanel,gridPanel]
                    });
          
          var treeControl = new Ext.tree.TreePanel({
            renderTo: "toc",
            title: "图层控制",
            border: true,
            region: "west",
            width: 150,
            collapsible: true,  // 折叠TreePanel
            collapseMode: "mini",
            root: new GeoExt.tree.LayerContainer({
              text: "平面图",
              layerStore: mapPanel.layers,
              leaf: false,
              expanded: true
            }),
            rootVisible: true,  // 显示根节点
            lines: true  // 显示根节点与子节点的关联线
          });
        });        
      } catch (e) {
        alert(e);
      }
      
      function CreateLayer(layerName,featType,color){
        var styleMap = new OpenLayers.StyleMap({
          "default": new OpenLayers.Style({
            "strokeColor": color,
            "strokeWidth": 0.8
          })
        });
        var layer = new OpenLayers.Layer.Vector(layerName,{
            strategies: [new OpenLayers.Strategy.BBOX()],
            projection: new OpenLayers.Projection(mapSRS),
            protocol: new OpenLayers.Protocol.WFS({
              version: "1.1.0",
              url: geoserverWFSUrl,
              featureType: featType,
              featureNS: featureNameSpace,
              srsName: mapSRS,
              geometryName: "the_geom"
            }),
            styleMap: styleMap
          }
        );
        return layer;
      }
      
      function CreateThematicLayer(layerName,featType){
          // 创建客流分布专题图层
        var rule0 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.EQUAL_TO,
            property: "Num",
            value: 0
          }),
          symbolizer: {
              fillColor: "#C3C3C3",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var rule1 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.BETWEEN,
            property: "Num",
            lowerBoundary: 1,
            upperBoundary: 5
          }),
          symbolizer: {
              fillColor: "#38A800",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var rule2 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.BETWEEN,
            property: "Num",
            lowerBoundary: 5,
            upperBoundary: 10
          }),
          symbolizer: {
              fillColor: "#8BD100",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var rule3 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.BETWEEN,
            property: "Num",
            lowerBoundary: 10,
            upperBoundary: 15
          }),
          symbolizer: {
              fillColor: "#FFFF00",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var rule4 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.BETWEEN,
            property: "Num",
            lowerBoundary: 15,
            upperBoundary: 20
          }),
          symbolizer: {
              fillColor: "#FF8000",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var rule5 = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
              type: OpenLayers.Filter.Comparison.GREATER_THAN,
            property: "Num",
            value: 20
          }),
          symbolizer: {
              fillColor: "#FF0000",
            fillOpacity: .6,
            label: '${Num}',
            fontColor: "#000000",
            strockColor: "#6E6E6E",
            strockWidth: 1
          }
        });
        
        var styles = new OpenLayers.Style();
        styles.addRules([rule0,rule1,rule2,rule3,rule4,rule5]);
        
        var styleMap = new OpenLayers.StyleMap({
            'default': styles
        });
        
        var layer = new OpenLayers.Layer.Vector(layerName,{
            strategies: [new OpenLayers.Strategy.BBOX()],
            projection: new OpenLayers.Projection(mapSRS),
            protocol: new OpenLayers.Protocol.WFS({
              version: "1.1.0",
              url: geoserverWFSUrl,
              featureType: featType,
              featureNS: featureNameSpace,
              srsName: mapSRS,
              geometryName: "the_geom"
            }),
            styleMap: styleMap,
            attribution: "<img src='legend.png' />"
          }
        );
        return layer;
      }
    </script>
  </head>
  <body>
    <table style="width:100%;height:100%">
      <tr>
        <td style="width: 10%;height: 100%">
          <div id="toc" style="width: 100%;height: 100%"></div>
        </td>
        <td style="width: 90%;height: 100%">
          <div id="mainPanel" style="width: 100%;height: 100%"></div>
        </td>
      </tr>
    </table>
  </body>
</html>


dcj_gis2006
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
GIS简易应用系统
01-09
这是我们大四时期的一个课程设计做的，用的是ＶＢ＋ＭＯ<br>这里把源码和打包后的程序都发上来了。
openGIS介绍
anizhen的专栏
06-21 894
值此FOSS4G大会即将召开之日，最近我会在Blog上依次介绍一些OpenGIS标准、架构及用于实现的软件。一方面给初涉此行的朋友一个快速入门的概览，另一方面也是对我接触OpenGIS近一年来的总结。OpenGIS定义了一组基于数据的服务，而数据的基础是要素（Feature）。所谓要素简单地说就是一个独立的对象，在地图中可能表现为一个多边形建筑物，在数据库中即一个独立的条目。要素具有两个必要的组成
OpenGIS主要架构和类库以及数据源，中间件，客户端，数据格式
一起记录GIS学习
06-17 425
OpenGIS(Open Geodata Interoperation Specification,OGIS-开放的地理数据互操作规范)，OGC是一个非盈利性组织，目的是促进采用新的技术和商业方式来提高地理信息处理的互操作性(Interoperability)，它致力于消除地理信息应用（如地理信息系统，遥感，土地信息系统，自动制图/设施管理(AM/FM)系统）之间以及地理应用与其它信息技术应用之间的藩篱，建立一个无“边界”的、分布的、基于构件的地理数据互操作环境。 OpenGIS定义了一组基于数据的服务，
GIS的完整定义以及应用领域.
weixin_34326429的博客
04-09 122
最近公司的项目中涉及到ArcGIS(GIS)，主要是关于农林业中涉及地理这块需要用ArcGIS处理。对于这些在编程之外涉及到相对专业的名词和知识，刚刚上手从网上各种资料中让人看的眼花缭乱，最为主要是没有方向感，找不到一个好的头绪开端，各种关于这个方向和概念的资料只是先首先通读一番，最近几天也读了不少关于这方面资料，有了一定量的积累，有非常专业的，专业到一句话总共就8个字却是三...
GIS应用服务器
weixin_34144450的博客
11-03 278
GIS应用服务器是WebGIS架构的核心组件，负责接收地图请求并动态地生成地图图片或地理信息并返回给客户端，当然，它是怎么开发和如何工作的原理并不是本书关心的内容。用户只须知道：根据GIS服务器的访问规则，编写普通的Web应用程序页面，就是WebGIS开发的全过程了。 常见的GIS服务器有多种，下面是其中比较著名的几种。 ArcIMS ArcIMS是一个通过Web发布...
opengis-chn.rar_opengis
最新发布
09-23
这意味着它可能会详细解释如何按照这些标准进行地理信息的处理、存储和交换，帮助读者更好地理解和应用OpenGIS标准。 从“www.pudn.com.txt”这个文件名来看，可能是一个链接或者介绍性的文本文件，通常这种文件会...
opengis相关资料
04-10
以上资料将帮助读者全面了解OpenGIS的概念和实际应用，掌握GeoServer的配置技巧，熟悉PostGIS的空间函数，以及如何利用OpenLayers构建用户友好的Web地图应用。通过学习这些内容，读者能够构建自己的地理空间基础设施...
OpenGIS-开源
04-30
OpenGIS，全称为Open ...对于开发人员来说，了解OpenGIS的源代码结构和API文档至关重要，这将帮助他们进行二次开发或定制化应用。同时，积极参与开源社区，获取最新的更新和解决问题的方法，是提升OpenGIS体验的关键。
opengis Web Map server
08-08
**OpenGIS Web Map Server (WMS)** OpenGIS Web Map Server (WMS) 是一个开放标准，由开放地理空间联盟（Open Geospatial Consortium, OGC）制定，用于提供网络上的地理信息系统（GIS）服务。WMS 规范定义了如何...
OpenGIS规范文档
12-14
10. **OGC API**：近年来，OpenGIS正在发展一系列新的API标准，如OGC API - Maps 和 OGC API - Features，以适应现代Web应用的需求，提供更直接、RESTful的访问方式。 了解并掌握这些OpenGIS规范对于GIS开发者、...
GIS新技术与新应用
04-12
详细介绍了GIS新技术与新应用，对GIS的相关的知识也有一定的介绍，
webgis的新应用
06-21
掌握WEBGIS的前沿知识
GIS分析及应用开发实例
05-14
一个用户界面友好的桌面地理信息系统，可运行在Linux、Unix、Mac OSX和Windows等平台之上。
用gis 应用经典案例中解释gis的使用
09-28
1854年，英国首都伦敦爆发了一次霍乱，从8月至9月初，每天死于霍乱者都在50人以上。关于霍乱爆发的原因，两种猜测，一种说法是图中绿色矩形范围内 的公墓里的病菌散布到空气中致使大家得病，另一种是以约翰·斯诺(John Snow)医生为代表，认为黑色方块代表的水井里面水源导致疾病的蔓延。约翰?斯诺利用绘有这个地区所有道路、房屋、饮用水机井等内容的1:6500比例 尺的详细地图，
Gis在项目中运用
weixin_30896511的博客
06-11 131
断断续续花了近半年的时间对google map有个初步认识，终于能解决项目中对gis的基本要求，代码正在整理中，基本上就是整合了几个开源的gis js类,包括测距，放大，缩小，框选，右键菜单，标注等功能 转载于:https://www.cnblogs.com/zw123456/archive/2010/06/11/1756719.html...
Gis到底可以应用在哪些方面？
gis1205的博客
08-26 2928
Gis到底可以应用在哪些方面？
ENVI气溶胶反演相关示例教材
weixin_44143671的博客
09-25 2324
ENVI气溶胶反演相关示例教材 录屏： 链接: https://pan.baidu.com/s/1s62NX2IejwwndjtKYJ4M7g 提取码: yc3k 扩展工具： 链接: https://pan.baidu.com/s/1ANAZIBHEXhpgZhdec_29zg 提取码: urzd ...
GIS的应用领域有哪些？
10-26 5860
地理信息系统在最近的30多年内取得了惊人的发展，广泛应用于资源调查、环境评估、灾害预测、国土管理、城市规划、邮电通讯、交通运输、军事公安、水利电力、公共设施管理、农林牧业、统计、商业金融等几乎所有领域。以下地理信息系统的应用领域分别回答了在各自领域内的作用资源管理(Resource Management)     主要应用于农业和林业领域，解决农业和林业领域各种资源(如土地、森林、草场) 分布
GIS应用1000例01序
dezhenqiao7326的博客
04-17 122
今天搜索关于GIS应用的东西，偶然得到该1000例。原文网址：https://gisgeography.com/gis-applications-uses/ 实际上有1002个例子，有大有小。这些例子可以分成56类。 1 农业（Agriculture） 2 天文/宇航（Astronomy/Planetary） 3 考古（Archaeology） 4 建筑学（Architect...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值