[OpenLayers-Users] jquey & open layers

[Armin Burger]

Beppe

I would try to first load the jquery files and then OL and see if it 
works fine then with both libraries.

armin

On 03/04/2010 01:55, beppe wrote:
> Hi all,
> I'm using ol with jquery and I've seen that if I include jquery library
> in my page, controls disappear (panzoom, mouseposition ...); if I remove
> the library it works.
>
> Someone has my problem?
>
> This is a snippet of my page [1], and my map [2]
>
> thanks
>
> -beppe-
>
>
>
> [1]
> <title>Aramus - Excavations and Field School</title>
> 	<script type="text/javascript"
> src="../lib/proj4s/lib/proj4js.js"></script>
> 	<script type="text/javascript" src="lib/map2.js"></script>
> 	<script type="text/javascript"
> src="../lib/proj4s/lib/defs/EPSG32638.js"></script>
> 	<script type="text/javascript" src="lib/OpenLayers.js"></script>
> 	<script
> src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
> 	<script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script>
> 	<script type="text/javascript"
> src="lib/jquery-ui-1.8.custom.min.js"></script>
> 	<link href="css/layout.css" type="text/css" rel="stylesheet"
> media="screen" />
> 	<link rel="shortcut icon" href="/aramus/img_layout/ico.jpg" />
> 	<script type="text/javascript">
> 	$(document).ready(function(){
> 		 $('#riduci').hide();
> 		
> 		 $('#espandi').click(function(){
> 		   $('#pageHeader, #linkList').hide(3000);
> 			$("#map").animate( {width:"100%", left:"0px" }, { queue:false,
> duration:3000 } )
> 		   $('#riduci').show();
> 		   $('#espandi').hide();	
> 	    });
> 		
> 		 $('#riduci').click(function(){
> 		   $('#pageHeader, #linkList').show(3000);
> 		   $("#map").animate( {width:"746px", left:"226px" }, { queue:false,
> duration:3000 } );
> 		   $('#riduci').hide();
> 		   $('#espandi').show();	
> 	    });
> 	
> 	 	  });
> 	</script>
>
> [2]
>          OpenLayers.ProxyHost = "/cgi-bin/proxy.cgi?url=";
>
>          var zoom=15
>          var map; //complex object of type OpenLayers.Map
>          function init() {
> 				var epsg32638= new OpenLayers.Projection("EPSG:32638");
> 				var epsg900913= new OpenLayers.Projection("EPSG:900913");
> 				
>              map = new OpenLayers.Map ("map", {
>                  controls:[
>             new OpenLayers.Control.Navigation(),
>             new OpenLayers.Control.PanZoomBar(),
>             new OpenLayers.Control.LayerSwitcher({activeColor:"green"}),
>             new OpenLayers.Control.MousePosition({element:
> $('location')}),
>                      new OpenLayers.Control.Attribution()],
>                    maxExtent: bounds,
>                  maxResolution: 2.1797578125001564,
>                  numZoomLevels: 11,
>                  units: 'm',
>                  projection: epsg900913,
>   OpenLayers.Projection("EPSG:900913")
>                  displayProjection: new
> OpenLayers.Projection("EPSG:4326")
>              } );
>              var bounds = new OpenLayers.Bounds(44.532, 40.144, 45.038,
> 40.423).transform(map.displayProjection, map.projection);
>
>   OpenLayers.Layer.OSM.Maplint and OpenLayers.Layer.OSM.CycleMap
>
>              layerTilesAtHome = new
> OpenLayers.Layer.OSM.Osmarender("Osmarender");
>              map.addLayer(layerTilesAtHome);
>
>              layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
> 			   map.addLayer(layerMapnik);
> 			
>     			layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
> 	   		map.addLayer(layerCycleMap);
> 				
> 	//OpenLayers.Layer.Vector with Protocol.HTTP and Strategy.Fixed
> 	var wfs = new OpenLayers.Layer.Vector("isoipse", {
>                      strategies: [new OpenLayers.Strategy.Fixed()],
>                      protocol: new OpenLayers.Protocol.HTTP({
>                      url: "../aramus_data/vector/gml/isoipse.gml",
>                      projection: epsg32638,
>                      format: new OpenLayers.Format.GML()
>                      })
>                  });
> 	 map.addLayer(wfs);
>           map.zoomToExtent(bounds);
>          }
>
> _______________________________________________
> Users mailing list
> Users at openlayers.org
> http://openlayers.org/mailman/listinfo/users
>