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]
