Код: Выделить всё
<html>
<head>
<title>OpenLayers map preview</title>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/geoserver/openlayers/theme/default/style.css"/>
<script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js" type="text/javascript">
</script>
<script defer="defer" type="text/javascript">
function init(){
var bounds = new OpenLayers.Bounds(41.946523406706525,44.629034220091135,41.95007788442198,44.63050662346481);
var options = {controls: [],maxExtent: bounds,maxResolution: 0.0005,projection: "EPSG:3395",units: 'm'};
var map = new OpenLayers.Map('map', options);
var tiled = new OpenLayers.Layer.WMS("123", "http://localhost:8080/geoserver/nyc_roads/wms",{
LAYERS: 'houses',
STYLES: '',
format: 'image/png',
tiled: true,
tilesOrigin : map.maxExtent.left + ',' + map.maxExtent.bottom
},
{
buffer: 0,
displayOutsideMaxExtent: true,
isBaseLayer: true,
yx : {'EPSG:3395' : false}
}
);
map.addLayers([tiled]);
map.addControl(new OpenLayers.Control.Navigation());
map.zoomToExtent(bounds);
}
</script>
</head>
<body onload="init()">
<div id="map" style="margin: 0 auto; width:1200px; height:500px;"></div>
</body>
</html>
Добавляю маркер, и белый экран. Маркер добавляю так
Код: Выделить всё
var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
var size = new OpenLayers.Size(21,25);
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));