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

Reply via email to