[OpenLayers-Users] jquey & open layers
Armin Burger
armin.burger at gmx.net
Sat Apr 3 05:57:53 EDT 2010
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
>
More information about the Users
mailing list