[OpenLayers-Users] Markers not displayed in xhtml

[Radek Lisiecki]

Hello, 

I just started working with OpenLayers because I want to include
 a map on my JSF page (.xhtml files). I want to use the same feature 
that is demonstrated in this example: 
http://openlayers.org/dev/examples/styles-context.html

I played with the code a little bit in the html example files that come with the .zip download. 

When I copied the code into my JSF .xhtml page, the map appears but the markers are not displayed. Here is the example code: 
 
<script type="text/javascript">
//<![CDATA[
var map;
function init(){
map = new OpenLayers.Map('map', {maxResolution:'auto'});
var wms = new OpenLayers.Layer.WMS.InlineXhtml( "OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic', format: 'image/svg+xml'} );
map.addLayer(wms);

// create 50 random features in the northern hemisphere
// give them a "type" attribute that will be used to style
// them by size
var features = new Array(50);
for (var i=0; i<features.length; i++) {
features[i] = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(
(360 * Math.random()) - 180, 90 * Math.random()
), {
type: 5 + parseInt(5 * Math.random())
}
);
}

// allow testing of specific renderers via "?renderer=Canvas", etc
var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;

// create the layer styleMap with a simple symbolizer template
yer1 = new OpenLayers.Layer.Vector('Points', {
styleMap: new OpenLayers.StyleMap({
pointRadius: "${type}", // based on feature.attributes.type
fillColor: "#000000"
}),
renderers: renderer
});
layer1.addFeatures(features);

map.addLayers([layer1]);
map.zoomToExtent(layer1.getDataExtent());
}
//]]>
</script>

I added: 

map.zoomToExtent(layer1.getDataExtent()); 

and changed the markers from 50 random to 2 markers of the 
coordinates of London and Berlin. And the map was centered exactly to 
show them, but the markers are still not displayed.  But that proves 
that the markers are read and loaded to the map correctly, just not 
displayed. If I do the same back in the example .html page the map is 
again centered properly and the markers are displayed. 

Is it the problem of xhtml? How to fix this? 
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osgeo.org/pipermail/openlayers-users/attachments/20120510/22edd53a/attachment.html