MapServer交互操作:添加鹰眼图

鹰眼图的概念

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

鹰眼一般具有的功能:

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

如果添加鹰眼图

这里是对应文件:

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

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

8    TEMPLATEPATTERN "example2*"8    TEMPLATEPATTERN "example2*"
tt9    REFERENCE
10        IMAGE "../images/worldref.png"
11        SIZE 155 105
12        EXTENT -180 -90 180 90
13        STATUS ON
14        MINBOXSIZE 10
15        MAXBOXSIZE 150
16        COLOR -1 -1 -1
17        OUTLINECOLOR 128 0 0
18        MARKERSIZE 8
19        MARKER "star"
20    END
9    SCALEBAR21    SCALEBAR

MapServer中的鹰眼图

打开 MapServer 鹰眼图2

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