效果图

第一步，配置自己的mapfile，在要查询的图层LAYER对象内加上HEADER，TEMPLATE，FOOTER三个参数，同时，TEMPLATE fooOnlyForWMSGetFeatureInfo前加#屏蔽（切记）。

我的一个例子

LAYER
NAME 'Basin'
TYPE POLYGON
DUMP true
HEADER "header.html"
TEMPLATE "content_ChinaData.html"
FOOTER "footer.html"
#TEMPLATE fooOnlyForWMSGetFeatureInfo
EXTENT 72.159645 12.440230 136.365480 59.396737
DATA 'C:\ms4w\Apache\htdocs\DATA\ChinaData.shp'
METADATA
'ows_title' 'ChinaData'
'ows_srs' 'EPSG:4326'
"gml_include_items" "all"
"gml_featureid" "id" #必须指定id
'queryable' 'true'
END
STATUS OFF
TRANSPARENCY 100
PROJECTION
'proj=longlat'
'datum=WGS84'
'no_defs'
END
CLASS
NAME 'ChinaData'
STYLE
WIDTH 1
OUTLINECOLOR 0 0 0
COLOR 255 255 255
END
END
END

2、配置"header.html"、"content_Basin.html"、"footer.html"三个文件，这三个文件各自不是一个完整的网页，组合在一起才是，如果要查询的图层不止一个

可以多做几个"content_Basin.html"的网页，但是"header.html"、"footer.html"各自只要一个就行了，每个网页第一句是<!-- MapServer Template -->（必须的）

我的实例

header.html

<!-- MapServer Template -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

http://www.w3.org/TR/html4/transitional.dtd">

<html>

<head>

<!-- enforce the client to display result html as UTF-8 encoding -->

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></meta>

<title>GetFeatureInfo Response</title>

<style type="text/css">

table.featureInfo, table.featureInfo td, table.featureInfo th {

border:1px solid #ddd;

border-collapse:collapse;

margin:0;

padding:0;

font-size: 90%;

padding:.4em .4em;

}

table.featureInfo th {

padding:.2em .2em;

font-weight:bold;

background:#eee;

}

table.featureInfo td{

background:#fff;

}

table.featureInfo tr.odd td{

background:#eee;

}

table.featureInfo caption{

text-align:left;

font-size:100%;

font-weight:bold;

padding:.2em .2em;

}

</style>

</head>

<body>

<table class="featureInfo">

content_Basin.html

<!-- MapServer Template -->

<caption class="featureInfo">图层：盆地</caption>

<tbody>

<th>名称</th>

<th>面积</th>

<tr >

<td >[item name="Name" format=$value escape=none]</td>

<td>[item name="Area" precision="1" format=$value escape=none]</td>

</tr>

footer.html

<!-- MapServer Template -->

</tbody>

</table>

<br/>

</body>

</html>

3、点击功能的实现

在代码中加入

info = new OpenLayers.Control.WMSGetFeatureInfo({

            url: 'http://127.0.0.1/cgi-bin/mapserv.exe?',

            title: 'Identify features by clicking',

            queryVisible: true,

            infoFormat:'text/html',///nimeide

            queryVisible:true,

            layers:[Basint,AreaOfReserch,Oilfield],

            eventListeners: {

                getfeatureinfo: function(event) {

                    map.addPopup(new OpenLayers.Popup.FramedCloud(

                        "chicken",

                        map.getLonLatFromPixel(event.xy),

                        null,

                        event.text,

                        null,

                        true

                    ));

                }

            }

        });

        map.addControl(info);

        info.activate();

mapserver+openlayers实现左键点击查询的更多相关文章

  1. html js 捕捉鼠标右键事件，按下滚轮事件，左键点击事件

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  2. 解决Eclipse左键无法查看maven第三方包的源代码，多图亲测可用【转】

    Debug进不了的原因及解决办法: 一.ctrl+左键点击没有找到你的源码 1.先设置maven 2.通过maven下Jar包源码 选中总包目录下的pom.xml-->右键-->Run A ...

  3. Python3 tkinter基础 Frame event.x 输出鼠标左右键点击的位置

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  4. Swing中如何比较好的判断鼠标左键双击

    import java.awt.Toolkit; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; im ...

  5. 左键双击关闭pagecontrol中的一个分页即一个tabsheet,功能像遨游浏览器一样

    左键双击关闭pagecontrol中的一个分页即一个tabsheet,功能像遨游浏览器一样 procedure TfrmServerSetup.PageControl1MouseDown(Sender ...

  6. WPF移动Window窗体(鼠标点击左键移动窗体自定义行为)

    XAML代码部分:1.引用System.Windows.Interactivity 2.为指定的控件添加一个拖动的行为 3.很简单的了解行为的作用和用法 <Window xmlns=" ...

  7. 建立CMenu菜单项，实现选中菜单项点击左键响应事件

    这里我只是根据自己的项目做了一些总结,实现点击右键弹出菜单项,点左键选择菜单项: CMenu menu; VERIFY(menu.CreatePopupMenu());//新建一个cmenu菜单项 m ...

  8. Winform 基础二 最小化 最大化 关闭 点击任务栏隐藏显示 点击鼠标左键移动窗体

    一 最大化 二 最小化 三 关闭 四 点击任务栏隐藏显示 五 点击鼠标左键移动窗体 六 阴影效果鼠标左键移动窗口 #region UI设置 最大化.最小化.关闭.鼠标移动窗口.点击任务栏切换窗口 th ...

  9. OpenLayers 3+Geoserver+PostGIS实现点击查询

    WebGIS开发中,点击查询是最经常使用的一种查询方式,在ArcGIS api 中.这样的查询叫IdentifyTask,主要作用是前台提交參数.交ArcServer查询分析返回. 本文从开源框架的角 ...

随机推荐

  1. Android（java）学习笔记93：为什么局部内部类只能访问外部类中的 final型的常量

    为什么匿名内部类参数必须为final类型: 1)  从程序设计语言的理论上:局部内部类(即:定义在方法中的内部类),由于本身就是在方法内部(可出现在形式参数定义处或者方法体处),因而访问方法中的局部变 ...

  2. flush caches

  3. CUDA高性能编程中文实战11章例子中多设备的例子编译提示问题

    提示的问题如下: error : argument of type "void *(*)(void *)" is incompatible with parameter of ty ...

  4. macbook pro开机键盘键盘和触摸板没反应问题

    今天遇到开机键盘和触摸板没反应的问题,打电话给售后,他叫我插一个usb外置键盘,开机时按shift+alt+control+电源键开机,突然发现可以了,这bug我也是醉了

  5. SPOJ2713GSS4 - Can you answer these queries IV(线段树)

    题意 Sol 讲过无数次了..很显然,一个$10^12$的数开方不超过$8$次后就会变为$1$ 因此直接暴力更改即可,维护一下这段区间是否被全改为了$1$ 双倍经验:https://www.luogu ...

  6. ceph 性能

    mysql在以下设备备份耗时,供大家参考: 备份文件大小 sata用时 ceph用时 nas挂载sata盘用时 7G   1分钟   15G   2分钟 21分钟 47G   8分钟 82分钟 274 ...

  7. 第三篇：彻底解决ssh.invoke_shell() 返回的中文问题

    接上一篇,前两篇解决中文的问题主要是在字符集上做的手脚,即将中文转成英文,但是有一种情况我们都来不及做转换,即登录时服务器直接返回了中文内容: 此时程序报了如下错误,其实还是字符集问题: 为此:我们可 ...

  8. iOS SDK中使用NSXMLParser解析XML(iphone网络篇三)

    iOS SDK的NSXMLParser解析XML文档是事件驱动模式的,即采用SAX方式来解析XML格式文档.NSXMLParser在处理XML文档的过程中当遇到一些要素(元素.属性.CDATA块.评论 ...

  9. JAVA连接数据库，并写入到txt文件

    package Hello; import java.io.BufferedReader;import java.io.BufferedWriter;import java.io.File;impor ...

  10. Kubernetes master服务定制编译docker镜像

    前言 之前部署了Kubernetes 1.13.0,发现master服务的启动方式与1.10.4版本有所区别,kube-apiserver.kube-controller-manager和kube-s ...