159 lines
6.3 KiB
JavaScript
159 lines
6.3 KiB
JavaScript
var CKAN = CKAN || {};
|
|
|
|
CKAN.MapViewer = function($){
|
|
|
|
// Private
|
|
var defaultVersion = "1.3.0";
|
|
|
|
var preferredFormat = "image/png";
|
|
|
|
var proxy = "/proxy?url=";
|
|
|
|
var getURL = function(server,version){
|
|
if (server.indexOf("?") === -1)
|
|
server += "?"
|
|
|
|
var url = server +
|
|
"SERVICE=WMS" +
|
|
"&REQUEST=GetCapabilities" +
|
|
"&VERSION=" + defaultVersion
|
|
return (proxy) ? proxy + escape(url) : url;
|
|
}
|
|
|
|
var getFormat = function(formats){
|
|
for(var i = 0; i < formats.length; i++){
|
|
if (formats[i] == preferredFormat){
|
|
return formats[i];
|
|
}
|
|
}
|
|
return formats[0];
|
|
}
|
|
|
|
|
|
|
|
// Public
|
|
return {
|
|
map: null,
|
|
setup: function(server){
|
|
|
|
var url = getURL(server);
|
|
|
|
var self = this;
|
|
$.get(url,function(data){
|
|
// Most WMS Servers will return the version they prefer,
|
|
// regardless of which one you requested, so better check
|
|
// for the actual version returned.
|
|
var version = $(data).find("WMS_Capabilities").attr("version"); // 1.3.0
|
|
if (!version)
|
|
version = $(data).find("WMS_MS_Capabilities").attr("version"); // 1.1.1
|
|
|
|
var format = new OpenLayers.Format.WMSCapabilities({"version":version});
|
|
|
|
var capabilities = format.read(data);
|
|
if (capabilities.capability){
|
|
var layers = capabilities.capability.layers;
|
|
|
|
var olLayers = [];
|
|
var maxExtent = false;
|
|
var maxScale = false;
|
|
var minScale = false;
|
|
for (var count = 0; count < layers.length; count++){
|
|
layer = layers[count];
|
|
|
|
// Extend the maps's maxExtent to include this layer extent
|
|
layerMaxExtent = new OpenLayers.Bounds(layer.llbbox[0],layer.llbbox[1],layer.llbbox[2],layer.llbbox[3]);
|
|
if (!maxExtent){
|
|
maxExtent = layerMaxExtent;
|
|
} else {
|
|
maxExtent.extend(layerMaxExtent);
|
|
}
|
|
if (layer.maxScale && (layer.maxScale > maxScale || maxScale === false)) maxScale = layer.maxScale;
|
|
if (layer.minScale && (layer.minScale < minScale || minScale === false)) minScale = layer.minScale;
|
|
olLayers.push(new OpenLayers.Layer.WMS(
|
|
layer.title,
|
|
server,
|
|
{"layers": layer.name,
|
|
"format": getFormat(layer.formats),
|
|
"transparent":true
|
|
},
|
|
{"buffer":0,
|
|
"maxExtent": layerMaxExtent,
|
|
"maxScale": (layer.maxScale) ? layer.maxScale : null,
|
|
"minScale": (layer.minScale) ? layer.minScale : null,
|
|
"isBaseLayer": false,
|
|
"visibility": (count == 0)
|
|
}) //Tiled?
|
|
);
|
|
|
|
}
|
|
|
|
var dummyLayer = new OpenLayers.Layer("Dummy",{
|
|
"maxExtent": maxExtent,
|
|
"displayInLayerSwitcher":false,
|
|
"isBaseLayer":true,
|
|
"visibility":false,
|
|
"minScale": (minScale) ? minScale : null,
|
|
"maxScale": (maxScale) ? maxScale : null
|
|
});
|
|
olLayers.push(dummyLayer);
|
|
|
|
// Setup some sizes
|
|
var w = $("#container").width() * 0.50;
|
|
if (w > 1024) w = 1024;
|
|
$("#content").width($("#container").width());
|
|
$("#map").width(w);
|
|
$("#map").height(500);
|
|
|
|
// Create a new map
|
|
self.map = new OpenLayers.Map("map" ,
|
|
{
|
|
"projection": new OpenLayers.Projection("EPSG:4326"),
|
|
"maxResolution":"auto",
|
|
"controls":[
|
|
new OpenLayers.Control.PanZoomBar(),
|
|
new OpenLayers.Control.Navigation(),
|
|
new OpenLayers.Control.CustomMousePosition({
|
|
"displayClass":"olControlMousePosition",
|
|
"numDigits":4
|
|
}),
|
|
new OpenLayers.Control.LayerSwitcher({
|
|
"div": document.getElementById("layers"),
|
|
"roundedCorner":false
|
|
})
|
|
],
|
|
"theme":"/ckanext/harvest/js/openlayers/theme/default/style.css"
|
|
});
|
|
|
|
self.map.maxExtent = maxExtent;
|
|
self.map.addLayers(olLayers);
|
|
|
|
self.map.zoomTo(1);
|
|
} else {
|
|
$("#main").prepend(
|
|
$("<div></div>").attr("class","flash-banner-box").append(
|
|
$("<div></div>").attr("class","flash-banner error").html(
|
|
"Error parsing the WMS capabilities document"
|
|
)
|
|
)
|
|
);
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}(jQuery)
|
|
|
|
|
|
OpenLayers.ImgPath = "/ckanext/harvest/js/openlayers/img/";
|
|
OpenLayers.Lang.en.overlays = "Available Layers:";
|
|
|
|
OpenLayers.Control.CustomMousePosition = OpenLayers.Class(OpenLayers.Control.MousePosition,{
|
|
formatOutput: function(lonLat) {
|
|
var newHtml = OpenLayers.Control.MousePosition.prototype.formatOutput.apply(this, [lonLat]);
|
|
newHtml = "1:" + parseInt(this.map.getScale()) + " | WGS84 " + newHtml;
|
|
return newHtml;
|
|
},
|
|
|
|
CLASS_NAME: "OpenLayers.Control.CustomMousePosition"
|
|
})
|
|
|