Skip to content

UTFGridWMS support #1076

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
fdesj wants to merge 18 commits into from
Closed

UTFGridWMS support #1076

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
9496932
added utfgridwms support
fdesj Aug 7, 2013
5a885f1
added example
fdesj Aug 7, 2013
1f92cbd
changed map path
fdesj Aug 7, 2013
334f3fe
changed lib path and text
fdesj Aug 7, 2013
a6cab62
removed layer switcher
fdesj Aug 7, 2013
61abb55
added utfgridwms.js
fdesj Aug 8, 2013
12b307a
added msgsoc.mapgears.com
fdesj Aug 8, 2013
ce53cf7
added working example
fdesj Aug 8, 2013
f69fc05
added utfgridwms support
fdesj Aug 8, 2013
b7d04cb
fixing single tile
fdesj Aug 8, 2013
8f25552
fixed singleTile for utfgridwms
fdesj Aug 8, 2013
36523d5
moved gridResolution to fix UTFGridWMS layer error
fdesj Aug 8, 2013
5ffec59
working example
fdesj Aug 8, 2013
23fa807
small change so both layer setting works
fdesj Aug 9, 2013
a3eb109
changed prxy path
fdesj Aug 9, 2013
af633bc
small text changes
fdesj Aug 9, 2013
871a503
changed example text
fdesj Aug 9, 2013
38714bc
removed console.log
fdesj Aug 12, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion examples/proxy.cgi
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ allowedHosts = ['www.openlayers.org', 'openlayers.org',
'www.openstreetmap.org', 'sample.azavea.com',
'v2.suite.opengeo.org', 'v-swe.uni-muenster.de:8080',
'vmap0.tiles.osgeo.org', 'www.openrouteservice.org',
'maps.wien.gv.at']
'maps.wien.gv.at','msgsoc.mapgears.com']

method = os.environ["REQUEST_METHOD"]

Expand Down
2 changes: 1 addition & 1 deletion examples/utfgrid_twogrids.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ var controls = {
}),
move_both: new OpenLayers.Control.UTFGrid({
callback: callback,
layers: null, // same as all map.layers
layers: [population,bioregions],
handlerMode: "move"
})
};
Expand Down
113 changes: 113 additions & 0 deletions examples/utfgridwms.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
var lon = 0;
var lat = 40;
var zoom = 4;
var control, callback;
OpenLayers.ProxyHost = "./proxy.cgi?url=";

init = function(){
var map = new OpenLayers.Map( 'map' );
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://msgsoc.mapgears.com/cgi-bin/mapserv.cgi?map=/home/fdesjarlais/nemapfile/nemapfile.map&", {layers: 'basic,points'}, {isBaseLayer:true, singleTile:true} );
map.addLayer(layer);
var layer2 = new OpenLayers.Layer.UTFGridWMS( "Utfgrid",
"http://msgsoc.mapgears.com/cgi-bin/mapserv.cgi?map=/home/fdesjarlais/nemapfile/nemapfile.map&", {layers: 'basic'}, {utfgridResolution: 4, singleTile:true} );
map.addLayer(layer2);
var layer3 = new OpenLayers.Layer.UTFGridWMS( "Utfgrid",
"http://msgsoc.mapgears.com/cgi-bin/mapserv.cgi?map=/home/fdesjarlais/nemapfile/nemapfile.map&", {layers: 'points'}, {utfgridResolution: 4, singleTile:true} );
map.addLayer(layer3);
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
map.addControls([new OpenLayers.Control.Scale(), new OpenLayers.Control.MousePosition()]);

callback = function(infoLookup) {
var msg = "";
if (infoLookup) {
var layer, info;
for (var idx in infoLookup) {
layer = map.layers[idx];
info = infoLookup[idx];
if (info && info.data) {
msg += "Feature ID: " + info.id + "<br>";
for (var key in info.data) {
msg += key + ": " + info.data[key] + "<br>";
}
}
}
}
document.getElementById("attrs").innerHTML = msg;
};

var controls = {
move_country: new OpenLayers.Control.UTFGrid({
callback: callback,
layers: [layer2],
handlerMode: "move"
}),
move_city: new OpenLayers.Control.UTFGrid({
callback: callback,
layers: [layer3],
handlerMode: "move"
}),
move_both: new OpenLayers.Control.UTFGrid({
callback: callback,
layers: [layer2,layer3], // same as all map.layers
handlerMode: "move"
})
};
for (var key in controls) {
map.addControl(controls[key]);
}

toggleControl = function(el) {
for (var c in controls) {
controls[c].deactivate();
}
controls[el.value].activate();
}
toggleControl({value: "move_country"});
}
</script>
</head>
<body onload="init()">
<h1 id="title">OpenLayers UTFGridWMS Demo</h1>

<div id="tags">
wms, layer, singletile
</div>
<p id="shortdesc">
This page demonstrates the use of the OpenLayers UTFGridWMS.
</p>

<div id="map" class="smallmap"></div>
<ul id="controlToggle">
<li>
<input type="radio" name="type" value="move_country" id="moveHandler"
onclick="toggleControl(this);" checked="checked" />
<label for="moveHandler">View country</label>
</li>
<li>
<input type="radio" name="type" value="move_city" id="hoverHandler"
onclick="toggleControl(this);" />
<label for="hoverHandler">View cities</label>
</li>
<li>
<input type="radio" name="type" value="move_both" id="clickHandler"
onclick="toggleControl(this);" />
<label for="clickHandler">View both</label>
</li>
</ul>
<div id="docs">
<p><strong id="attrs">&nbsp;</strong></p>
<p> This exemple demostrates the use of UTFGridWMS. It allows high interaction maps with WMS. It can be used with the same functionalities that UTFGrid has.</p>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions lib/OpenLayers.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,6 +183,7 @@
"OpenLayers/Layer/Boxes.js",
"OpenLayers/Layer/XYZ.js",
"OpenLayers/Layer/UTFGrid.js",
"OpenLayers/Layer/UTFGridWMS.js",
"OpenLayers/Layer/OSM.js",
"OpenLayers/Layer/Bing.js",
"OpenLayers/Layer/TMS.js",
Expand Down
2 changes: 1 addition & 1 deletion lib/OpenLayers/Control/UTFGrid.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -229,7 +229,7 @@ OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {
var layer;
for (var i=candidates.length-1; i>=0; --i) {
layer = candidates[i];
if (layer instanceof OpenLayers.Layer.UTFGrid ) {
if (layer instanceof OpenLayers.Layer.UTFGrid || OpenLayers.Layer.UTFGridWMS) {
Copy link
Copy Markdown
Member

@marcjansen marcjansen Sep 19, 2013

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this isn't doing what you expect it to be doing.

I'd go with

if (layer instanceof OpenLayers.Layer.UTFGrid ||
    layer instanceof OpenLayers.Layer.UTFGridWMS) {
// ...
}

layers.push(layer);
}
}
Expand Down
6 changes: 3 additions & 3 deletions lib/OpenLayers/Layer/Grid.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -857,6 +857,9 @@ OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {
this.grid[0] = [];
}

// store the resolution of the grid
this.gridResolution = this.getServerResolution();

var tile = this.grid[0][0];
if (!tile) {
tile = this.addTile(tileBounds, px);
Expand All @@ -870,9 +873,6 @@ OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {

//remove all but our single tile
this.removeExcessTiles(1,1);

// store the resolution of the grid
this.gridResolution = this.getServerResolution();
},

/**
Expand Down
Loading