WebGIS 1-2矢量地图文档显示

1. 步骤

1) 全局变量

        var map, vectorMapdoc;

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) 添加矢量图层

                    
                    
            vectorMapdoc = new Zondy.Map.Doc("MyMap", "WorldMKT",
                    {
                        ip: "127.0.0.1",   //ip
                        port: "6163",      //端口
                        isBaseLayer: true   //设为基础图层
                    });

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

                     map.addLayers([vectorMapdoc]);

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

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

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

2.完整代码




    

    
    
    
    
    
    Title







3.效果

WebGIS 1-2矢量地图文档显示_第1张图片
Paste_Image.png

你可能感兴趣的:(WebGIS 1-2矢量地图文档显示)