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? -- View this message in context: http://www.nabble.com/openstreetmap-in-openlayers-tp22329429p22336109.html Sent from the Wicket - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org