MapServer交互操作:添加鹰眼图

鹰眼图的概念

鹰眼图是GIS中一个基本的功能,鹰眼图,顾名思义,在鹰眼图上可以像从空中俯视一样查看地图框中所显示的地图在整个图中的位置。 鹰眼是GIS软件的必备功能之一,主要用来表示数据视图中的地理范围在全图中的位置。

鹰眼一般具有的功能:

  1. 鹰眼视图与数据视图的地理范围保持同步。
  2. 数据视图的当前范围能够在鹰眼视图中用一个矩形框标示出来。若数据视图的显示范围发生变化,鹰眼视图中的矩形框位置也会发生变化。
  3. 在鹰眼中操作视图,数据视图中的地理范围也将同步调整。当鹰眼中用鼠标点击时,数据视图能够移动到被点击的位置。拖动矩形框可以调整数据视图中的地图显示范围;在鹰眼视图上拖动矩形框时,数据视图能够以全图显示矩形框内的内容。

如果添加鹰眼图

这里是对应文件:

01 MAP
02     IMAGETYPE "PNG"
03     EXTENT -180 -90 180 90
04     SIZE 600 300
05     SHAPEPATH "/gdata"
06     IMAGECOLOR 255 255 255
07     FONTSET "../fonts/fonts.list"
08     PROJECTION
09         "init=epsg:4326"
10     END
11     TEMPLATEPATTERN "example2*"
12     REFERENCE
13         IMAGE "../images/worldref.png"
14         SIZE 155 105
15         EXTENT -180 -90 180 90
16         STATUS ON
17         MINBOXSIZE 10
18         MAXBOXSIZE 150
19         COLOR -1 -1 -1
20         OUTLINECOLOR 0 255 255
21         MARKERSIZE 16
22         MARKER "star"
23     END
24     SCALEBAR
25         IMAGECOLOR 255 255 255
26         LABEL
27             COLOR 0 0 0
28             SIZE TINY
29         END
30         STYLE 1
31         SIZE 100 2
32         COLOR 0 0 0
33         UNITS MILES
34         INTERVALS 2
35         TRANSPARENT FALSE
36         STATUS ON
37     END
38     WEB
39         TEMPLATE "to be replaced by map_web_template variable in section2.html"
40         IMAGEPATH "/owg/ms_tmp/"
41         IMAGEURL "/ms_tmp/"
42         METADATA
43             "wms_title" "WMS Demo Server"
44             "wms_onlineresource" "http://192.168.4.211/cgi-bin/mapserv?map=/mstu/htdocs/example2.map&"
45             "wms_srs" "EPSG:3857 EPSG:4326"
46         END
47     END
48     LAYER
49         NAME "modis"
50         DATA "land_shallow_topo_8192.tif"
51         STATUS OFF
52         TYPE RASTER
53         PROCESSING "BANDS=1,2,3"
54     END
55     LAYER
56         NAME "modis_jpl"
57         TYPE RASTER
58         OFFSITE 0 0 0
59         STATUS OFF
60         CONNECTIONTYPE WMS
61         CONNECTION "http://wcs.osgeo.cn:8088/service?"
62         METADATA
63             "wms_srs" "EPSG:4326"
64             "wms_name" "maplet_i887"
65             "wms_server_version" "1.1.1"
66             "wms_format" "image/jpeg"
67         END
68         PROJECTION
69             "init=epsg:4326"
70         END
71     END
72     LAYER
73         NAME "states_poly"
74         DATA "wcountry.shp"
75         STATUS OFF
76         TYPE POLYGON
77         LABELITEM "NAME"
78         CLASS
79             NAME "States"
80             STYLE
81                 COLOR 232 232 232
82             END
83         END
84         PROJECTION
85             "init=epsg:4326"
86         END
87     END
88     LAYER
89         NAME "states_line"
90         DATA "wcountry.shp"
91         STATUS OFF
92         TYPE LINE
93         CLASS
94             NAME "State Boundary"
95             STYLE
96                 COLOR 132 132 32
97             END
98         END
99         PROJECTION
100             "init=epsg:4326"
101         END
102     END
103     LAYER
104         NAME "wriver"
105         DATA "wriver.shp"
106         STATUS OFF
107         TYPE LINE
108         CLASS
109             NAME "World River"
110             STYLE
111                 COLOR 0 0 255
112             END
113         END
114         PROJECTION
115             "init=epsg:4326"
116         END
117     END
118     LAYER
119         NAME "wroads"
120         DATA "wroads.shp"
121         STATUS OFF
122         TYPE LINE
123         CLASS
124             NAME "World Road"
125             STYLE
126                 COLOR 100 200 100
127             END
128         END
129         PROJECTION
130             "init=epsg:4326"
131         END
132     END
133 END

你可以在这里看到HTML Template 代码.

7    FONTSET "../fonts/fonts.list"7    FONTSET "../fonts/fonts.list"
nn8    PROJECTION
9        "init=epsg:4326"
10    END
8    TEMPLATEPATTERN "example2*"11    TEMPLATEPATTERN "example2*"
nn12    REFERENCE
13        IMAGE "../images/worldref.png"
14        SIZE 155 105
15        EXTENT -180 -90 180 90
16        STATUS ON
17        MINBOXSIZE 10
18        MAXBOXSIZE 150
19        COLOR -1 -1 -1
20        OUTLINECOLOR 0 255 255
21        MARKERSIZE 16
22        MARKER "star"
23    END
9    SCALEBAR24    SCALEBAR
38        PROCESSING "BANDS=1,2,3"53        PROCESSING "BANDS=1,2,3"
n39        OFFSITE 71 74 65n
40    END54    END
69        END83        END
nn84        PROJECTION
85            "init=epsg:4326"
86        END
70    END87    END
80            END97            END
nn98        END
99        PROJECTION
100            "init=epsg:4326"
81        END101        END
93        END113        END
nn114        PROJECTION
115            "init=epsg:4326"
116        END
94    END117    END
105        END128        END
tt129        PROJECTION
130            "init=epsg:4326"
131        END
106    END132    END

MapServer中的鹰眼图

打开 MapServer 鹰眼图2

下面展示的是使用表单进行提交,各种参数通过 input 来传递。效果与上面是一样的: