效果图

第一步，配置自己的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. 漫谈 Clustering (2): k-medoids

    上一次我们了解了一个最基本的 clustering 办法 k-means ,这次要说的 k-medoids 算法,其实从名字上就可以看出来,和 k-means 肯定是非常相似的.事实也确实如此,k-m ...

  2. idea右侧的工具栏不见，包括maven以及其他

    通用,设置后右侧工具栏可见 可以通过view-->windows tool看到maven的

  3. Java 窗体的基本操作语句 JFrame

    package com.swift; import java.awt.Color; import java.awt.GridLayout; import java.util.Random; impor ...

  4. 单例Singleton

    先提供一个完整版: // .h文件 @interface SingleTon : NSObject /** 获取单例对象 */ + (instancetype)sharedInstance; + (i ...

  5. js判断是否是大小写，数字等方法

    function isEmail(str){ var regu = "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*))@([a-zA-Z0-9- ...

  6. 【Django】Django中datetime的处理(strftime/strptime)

    strftime<将date,datetime,timezone.now()类型处理转化为字符串类型> strftime()函数是用来格式化一个日期.日期时间和时间的函数,支持date.d ...

  7. mysql基础,数据表的类型

  8. Linux 系统中 sudo 命令的 10 个技巧

    概览 sudo 表示 "superuser do". 它允许已验证的用户以其他用户的身份来运行命令.其他用户可以是普通用户或者超级用户.然而,大部分时候我们用它来以提升的权限来运行 ...

  9. visio画图ER图表和字段注释

    最近年底属于验收的项目很多,大多数写文档中,数据库的设计ER图是比不可少的.下面记一下几个常用的用法.以下用的市visio版本为2007,由于菜单样式新版本可能有所不同,请对照相应功能进行操作! 1. ...

  10. python字符编码小结

    首先简要说一下各种字符编码: 1. ASCII 计算机只认识0101,但如何让计算机认识人类语言?将每个字母和符号给予固定的编号,然后将这个编号转换成二进制,计算机就可以正确识别这些字母与符号,同时计 ...