Thank you very much. That really helped a lot. I am now able to render the different openstreetmap layers (mapnik, ti...@home, cycleMap) with the above mentioned OpenLayers.Layer.OSM object.
But there still exist some problems. It is not entirely possible to edit the maps with the wicketstuff project. Once the map is rendered there is no problem: dragging, zooming, layerswitching are working. But before rendering not all functions are working. For example the setCenter(lonlat, zoom) function of the wicketstuff openlayers contrib seems to do nothing with the map. Also the setZoom function did not worked at the beginning, but after some changes I got it working. I think the project is not entirely up to date with the openlayers api? Maybe a user who is more familiar with this project could give a statement about the problem. Michael O'Cleirigh wrote: > > Hello, > > Pink tiles means there is a mismatch somewhere between your layers. > > Does your openlayers javascript work correctly? (i.e. when not emitted > from wicket openlayers?) > > This page embeds an openstreet map in openlayers: > http://wiki.openstreetmap.org/wiki/OpenLayers > > But it doesn't use the OpenLayers.Layer.TMS object. It adds its own > import (http://openstreetmap.org/openlayers/OpenStreetMap.js ) and uses > an OpenLayers.Layer.OSM object. > > Perhaps your integration should use that instead? > > There is a ticket for something similiar that might get into OpenLayers > 2.8 (http://trac.openlayers.org/ticket/1950) > > Mike > >> I tried a few things and I think I managed the integration of >> openstreetmaps. >> The browser is contacting the osm tile server BUT everything I get are >> pink >> tiles? >> >> >> Here is the output of the final html page: >> >> <html> >> <head> >> <title>Wicket Quickstart Archetype Homepage</title> >> <script type="text/javascript" >> src="resources/org.apache.wicket.markup.html.WicketEventReference/wicket-event.js"></script> >> <script type="text/javascript" >> src="resources/org.apache.wicket.ajax.WicketAjaxReference/wicket-ajax.js"></script> >> <script type="text/javascript" >> src="resources/org.apache.wicket.ajax.AbstractDefaultAjaxBehavior/wicket-ajax-debug.js"></script> >> <script type="text/javascript" >> id="wicket-ajax-debug-enable"><!--/*--><![CDATA[/*><!--*/ >> wicketAjaxDebugEnable=true; >> /*-->]]>*/</script> >> >> <script type="text/javascript" >> src="http://openlayers.org/api/OpenLayers.js";></script> >> >> <script type="text/javascript" >> src="resources/org.wicketstuff.openlayers.OpenLayersMap/wicket-openlayersmap.js"></script> >> <script type="text/javascript" ><!--/*--><![CDATA[/*><!--*/ >> Wicket.Event.add(window, "load", function(event) { function >> osm_getTileURL(bounds) {var res = this.map.getResolution();var x = >> Math.round((bounds.left - this.maxExtent.left) / (res * >> this.tileSize.w));var y = Math.round((this.maxExtent.top - bounds.top) / >> (res * this.tileSize.h)); var z = this.map.getZoom(); var limit = >> Math.pow(2, z); if (y < 0 || y >= limit) { return >> OpenLayers.Util.getImagesLocation() + '404.png'; } else { x = ((x % >> limit) + >> limit) % limit; return this.url + z + '/' + x + '/' + y + '.' + >> this.type; } } ;}); >> /*-->]]>*/</script> >> >> <script type="text/javascript" ><!--/*--><![CDATA[/*><!--*/ >> Wicket.Event.add(window, "domready", function(event) { >> var options = {maxResolution: 156543.0339, >> projection: new OpenLayers.Projection('EPSG:900913'), >> numZoomLevels:18, >> maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, >> 20037508.34), >> units: 'm', >> displayProjection: new OpenLayers.Projection('EPSG:4326')}; >> new WicketOMap('map7', options); >> var osm23008635 =new OpenLayers.Layer.TMS('OpenStreetMap (Mapnik)', >> 'http://tile.openstreetmap.org/', {type: 'png', >> attribution: http://www.openstreetmap.org/ OpenStreetMap , >> displayOutsideMaxExtent: true}); >> Wicket.omaps['map7'].addLayer(osm23008635,23008635); >> Wicket.omaps['map7'].zoomToMaxExtent(); >> Wicket.omaps['map7'].addControl('LayerSwitcher', new >> OpenLayers.Control.LayerSwitcher()); >> Wicket.omaps['map7'].setPopupId('content8'); >> ;}); >> /*-->]]>*/</script> >> >> </head> >> <body> >> <br/><br/> >> <wicket:panel> >> <div wicket:id="infoWindow" style="display: none" >> id="infoWindow9"> >> >> <div wicket:id="content" >> id="content8"><wicket:panel> >> <wicket:child/> >> </wicket:panel></div> >> </div> >> <div wicket:id="map" class="map" style="width: 100%; >> height: 100%;" >> id="map7"></div> >> </wicket:panel> >> >> </body> >> </html> >> >> >> Any ideas? >> >> >> > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [email protected] > For additional commands, e-mail: [email protected] > > > -- View this message in context: http://www.nabble.com/openstreetmap-in-openlayers-tp22329429p22369076.html Sent from the Wicket - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
