OpenLayer

最新推荐文章于 2022-09-05 15:57:58 发布

vgsgis

最新推荐文章于 2022-09-05 15:57:58 发布

阅读量167

点赞数

分类专栏： Java Script 文章标签： EXT prototype HTML

本文链接：https://blog.csdn.net/vgsgis/article/details/83250187

版权

Java Script 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

将一OpenLayer集成到Panel里面
扩展一个MapPanel继承自Ext.Panel
在prototype里加入


MapPanel =function()
{
...
}
Ext.extend(MapPanel,Ext.Panel,{

	updateStatus:function(info)
	{
		Ext.fly(this.mapInfo.getEl()).update("坐标信息:"+info,true);
	}
	,initMap:function()
	{
		var lon = 5;
        var lat = 40;
        var zoom = 5;
        var map, layer;        
            map = new OpenLayers.Map( 'regionMap', { controls: [] } );//'regionMap'为html页面上的一个div子元素,与MapPanel的ContentEl为同一个
      		//map = new OpenLayers.Map(mapPanel,{controls:[]});
            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
            map.addLayer(layer);

           var  vlayer = new OpenLayers.Layer.Vector( "Editable" );
            map.addLayer(vlayer);


           var zb = new OpenLayers.Control.ZoomBox(
                {title:"Zoom box: Selecting it you can zoom on an area by clicking and dragging."});
            var panel = new OpenLayers.Control.Panel({defaultControl: zb});
            panel.addControls([
                new OpenLayers.Control.MouseDefaults(
                    {title:'You can use the default mouse configuration'}), 
                zb,
                new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Path,
                    {title:'Draw a feature'}),
                new OpenLayers.Control.ZoomToMaxExtent({title:"Zoom to the max extent"}) 
            ]);
            map.addControl(panel);
            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);

            map.events.register("mousemove", map, function(e) { 
                var position = this.events.getMousePosition(e);
              	//Ext.fly(mapInfo.getEl()).update("坐标信息:"+position,true);
              	//this.updateStatus1(position);
                var mapPanel = Ext.getCmp("regionMap");
                if(mapPanel)
                	mapPanel.updateStatus(position);
                else
                	this.updateStatus(position);//此处不能调用prototype函数,也不能调用function内部的私有函数.郁闷
            });
            this.doLayout();
	}
});