WebGIS 1-3矢量图层显示

1. 步骤

1) 全局变量

        var map, layer;

2) 添加地图容器

            
            map = new OpenLayers.Map('map1',

                    {
                        
                        controls: [
                            new OpenLayers.Control.PanZoomBar(),                 //缩放面板的工具控件
                            new OpenLayers.Control.LayerSwitcher(),                //图层切换控件
                            new OpenLayers.Control.Navigation(),                   //此控件处理伴随鼠标事件的地图浏览
                            new OpenLayers.Control.MousePosition(),                //此控件显示鼠标移动时，所在点的地理坐标
                            new OpenLayers.Control.OverviewMap()                    //鹰眼
                        ]
                    }
            );
            

3) 添加矢量图层

注:传入的["gdbp://MapGisLocal/示例数据/ds/世界地图/sfcls/国界"]为MapGIS10桌面版中要素的url. 如图

Paste_Image.png

            layer = new Zondy.Map.Layer("mapgis test",
//                    传入矢量地图的url参数
                    ["gdbp://MapGisLocal/示例数据/ds/世界地图/sfcls/国界"],
                    {
                        ip: "127.0.0.1",    //ip
                        port: "6163",   //端口
                        isBaseLayer: true   //设为基础图层
                    }
            );

4) 将图层添加到地图容器中

           map.addLayer(layer);         

5) 设置地图显示中心坐标,地图缩放等级

           
           map.setCenter(new OpenLayers.LonLat(0, 0), 3);

注:雷同代码不再做注释,如有不懂请参阅前面发布的文章

2.完整代码

3.效果

Paste_Image.png