效果图

第一步，配置自己的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. 扫描局域网ip的shell

    # vim /mysh/ipscan.sh #!/bin/bash # scan the local alive ipaddress # -- if [ -f $filename ];then ech ...

  2. 快速下载jar包

    1, http://www.mvnrepository.com 2,可以从spring官网上下载,如果是mvn的话可以通过上面的网址下载

  3. select函数实例代码

    select函数简解: selct 称之为多路复用IO,使用它可以让程序阻塞在select上,而非实际IO函数上. int select(int nfds, fd_set *readfds, fd_s ...

  4. 1037: [ZJOI2008]生日聚会Party

    Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 3121  Solved: 1858[Submit][Status][Discuss] Descript ...

  5. Q&A - ABTesting是啥？

    举个简单的例子,当你有一个日IP过千的网站,而你的网站首页几百年没有更改了,这个时候你想启用新的网页,而你有害怕新的页面用户不一定就非常喜欢,那么这个时候你就需要进行A/B测试了.测试的方法是将老页面 ...

  6. window.onload和$(docunment).ready的区别

    浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法. 在jquery中,则使用$(document).ready ...

  7. python字符串处理方法

    一.combine & duplicate 字符串结合和复制 字符和字符串可以用来相加来组合成一个字符串输出: 字符或字符串复制输出. 二.Extract &Slice 字符串提取和切 ...

  8. 笔记-HTTP代理

    笔记-HTTP代理 1.      基本原理 所谓代理,一个重要的目的是身份伪装,让被访问端无法正辨识访问者的身份. 那么下一个问题是服务器从哪些信息上来识别访问端的身份. 以php http服务器为 ...

  9. WPF学习笔记（8）：DataGrid单元格数字为空时避免验证问题的解决

    原文:WPF学习笔记(8):DataGrid单元格数字为空时避免验证问题的解决 如下图,在凭证编辑窗体中,有的单元格不需要数字,但如果录入数字后再删除,会触发数字验证,单元格显示红色框线,导致不能执行 ...

  10. Redis实现之对象（二）

    列表对象 列表对象的编码可以是ziplist或者linkedlist,ziplist编码的列表对象使用压缩列表作为底层实现,每个压缩列表节点(entry)保存了一个列表元素.举个栗子,如果我们执行RP ...