[GIS] OpenLayers 2.11 WMS layer in custom projection

openlayers-2wms

I am using OpenLayers 2.11 from here http://cdnjs.com/libraries/openlayers
and trying to display WMS layer.
It is in 3301 projection so projection is defined as follows:

proj4.defs("EPSG:3301","+proj=lcc +lat_1=59.33333333333334 +lat_2=58 +lat_0=57.51755393055556 +lon_0=24 +x_0=500000 +y_0=6375000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");
var projection = new OpenLayers.Projection('EPSG:3301');

and WMS layer and map like this:

 var bounds = new OpenLayers.Bounds(
            370753.1145, 6382922.7769, 739245.6000, 6624811.0577
    );
    var options = {
        maxExtent: bounds,
        maxResolution: 2601.4538070271437,
        projection:projection,
        units: 'm'
    };
    map = new OpenLayers.Map('map', options);
var base  = new OpenLayers.Layer.WMS("Maa/ameti aluskaart",
            "http://kaart.maaamet.ee/wms/alus?",{layers: 'MA-ALUS',
                version: '1.1.1' ,'srs':projection});
map.addLayer(base);

But there are no request at all with 2.11 version of OpenLayers. With OpenLayers 2.12 it is shown, but I am interesting in how to show WMS in older OpenLayers 2.11 version.

Best Answer

just add this js from the cdn:

https://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-combined.js

and use following code:

var projection= new OpenLayers.Projection("EPSG:3301");
var bounds = new OpenLayers.Bounds(
            370753.1145, 6382922.7769, 739245.6000, 6624811.0577
    );
    var options = {
        maxExtent: bounds,
        maxResolution: 2601.4538070271437,
        projection:projection,
        units: 'm'
    };
    map = new OpenLayers.Map('map', options);
var base  = new OpenLayers.Layer.WMS("Maa/ameti aluskaart",
            "http://kaart.maaamet.ee/wms/alus?",{layers: 'MA-ALUS',
                version: '1.1.1' ,'srs':projection});
map.addLayer(base);
map.setCenter(new OpenLayers.LonLat(25.567422, 58.885704).transform(new OpenLayers.Projection("EPSG:4326"),projection),2);

see this example: http://jsfiddle.net/expedio/ccp9L6gv/

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

you can catch your opened(active) popup with this way:

map.popups[a]

you can change so update its content:

map.popups[a].contentHTML = 'Test Content';
map.popups[a].redraw();

or

map.popups[a].setContentHTML = 'Test Content'

you can show or hide your popup:

map.popups[a].show();
map.popups[a].hide();

you can update position of your popup:

map.popups[a].lonlat.lon = 10;
map.popups[a].lonlat.lat = 10;
map.popups[a].updatePosition();

for openlayers cluster you should check out Cluster Strategy Example here. Only one thing you should do is that define fillColor or externalGraphic for your cluster.

          var style = new OpenLayers.Style({
                pointRadius: "${radius}",
                fillColor: "${getColor}",
                fillOpacity: 0.8,
                strokeColor: "#cc6633",
                strokeWidth: 2,
                strokeOpacity: 0.8
            }, {
                context: {
                    radius: function(feature) {
                        return Math.min(feature.attributes.count, 7) + 3;
                    },
                    getColor: function(feature) {
                        return // Your color selection logic;
                    }
                }
            });

As the last question, i dont understand very well what you want? but try to use removeFeatures instead of destroyFeatures....

i hope it helps you...

Custom Request for WMS GetFeatureInfo in OpenLayers 2

The WMSGetFeatureInfo doesn't work by requesting info on the feature being currently clicked as such. It works by formulating a WMS GetFeatureInfo request which passes a BBOX string to the WMS server. So, when you click on the map the location coordinates are captured and then sent to a WMS server as the request. You could see this in action by using something like Fiddler2 to inspect the request being made.

It is possible to create this elegantly without resorting to Ajax as the control does not have to be associated to a specific layer at creation. You can set the layer on the beforegetfeatureinfo event. Something like this would work:

var queryableMapLayers = [];
var getFeatureControl = new OpenLayers.Control.WMSGetFeatureInfo({
  url: your_wms_url.here // Your WMS server url here,
  drillDown: false, // Or true if you want drill down (see the docs)
  hover: false, // Or true if you want but bear in mind this could get chatty
  layers: queryableMapLayers,
  eventListeners: {
    getfeatureinfo: function (event) {
      // Code here if you want to process the results
    },
    beforegetfeatureinfo: function(event) {
      // Code here to set the content of queryableMapLayers
      // The event object will contain xy of mouse click
    },
    nogetfeatureinfo: function(event) {
      // Code here if no queryable layers are found
    }
  } 
});

// Add the control to your map
map.addControl(getFeatureControl);

We use this approach in our applications along with a custom JSON response from GeoServer to emulate an ArcGIS style feature info dialog.

Best Answer

Related Solutions

[GIS] Problems with features, popups and strategy with OpenLayers

Custom Request for WMS GetFeatureInfo in OpenLayers 2

Related Question