ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix event handling.. no need to detect lastXY

Browse Source
This commit is contained in:
Matthew Perry
2012-02-07 11:23:04 -08:00
parent 47222a9401
commit 4e84a7113d
2 changed files with 32 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
examples/utfgrid.html
View File

@@ -4,7 +4,7 @@
<script src='./OpenLayers.js' type='text/javascript'></script>
<style>
.olTileImage { border: 1px solid #DDD !important; }
#themap { width:800px; height:400px; border:1px black solid; }
#themap { width:512px; height:380px; border:1px black solid; }
#debugdiv { float:right; }
</style>
</head>
@@ -14,25 +14,28 @@
<div id="selector">
<ul id="controlToggle">
<li>
<input type="radio" name="type" value="move" id="moveHandler" onclick="toggleControl(this);" checked="checked" />
<input type="radio" name="type" value="move" id="moveHandler"
onclick="toggleControl(this);" checked="checked" />
<label for="moveHandler">Move</label>
</li>
<li>
<input type="radio" name="type" value="hover" id="hoverHandler" onclick="toggleControl(this);" />
<input type="radio" name="type" value="hover" id="hoverHandler"
onclick="toggleControl(this);" />
<label for="hoverHandler">Hover</label>
</li>
<li>
<input type="radio" name="type" value="click" id="clickHandler" onclick="toggleControl(this);" />
<input type="radio" name="type" value="click" id="clickHandler"
onclick="toggleControl(this);" />
<label for="clickHandler">Click</label>
</li>
<li>
<input type="radio" name="type" value="click_callback" id="clickHandlerCustom" onclick="toggleControl(this);" />
<input type="radio" name="type" value="click_callback" id="clickHandlerCustom"
onclick="toggleControl(this);" />
<label for="clickHandlerCustom">Click with custom callback</label>
</li>
</ul>
</div>
<div id="themap"></div>
<div id="debugdiv"></div>
<div id="attrsdiv"></div>
<script>
/*
@@ -42,14 +45,15 @@
projection: new OpenLayers.Projection("EPSG:900913"),
units: "m",
maxResolution: 156543.0339,
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34)
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),
controls: [] // No default controls; no pan zoom for demo
});
/*
* Controls
*/
var callback = function(attributes) {
var msg = "got it - " + attributes.NAME;
var msg = "<strong>In 2005, " + attributes.NAME + " had a population of " + attributes.POP2005 + " people.</strong>";
var element = OpenLayers.Util.getElement('attrsdiv');
element.innerHTML = msg;
}
@@ -88,28 +92,25 @@
control = controls[el.value];
control.activate();
}
map.addControl(new OpenLayers.Control.Navigation());
map.addControl(new OpenLayers.Control.LayerSwitcher());
/*
* Layers
*/
var layer = new OpenLayers.Layer.XYZ(
'TestLayer',
"http://tiles/world/${z}/${x}/${y}.png",
{'type':'png', 'sphericalMercator': true}
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: 'basic'}
);
map.addLayer(layer);
map.addLayer(ol_wms);
var layer2 = new OpenLayers.Layer.UTFGrid(
'GridLayer',
"http://tiles/world_utfgrid/${z}/${x}/${y}.json",
{'type':'json', 'sphericalMercator': true, 'visible': 'false'}
var grid_layer = new OpenLayers.Layer.UTFGrid(
'Invisible UTFGrid Layer',
//"http://tiles/world_utfgrid/${z}/${x}/${y}.json"
"./utfgrid/${z}/${x}/${y}.json"
);
map.addLayer(layer2);
map.addLayer(grid_layer);
map.zoomTo(2);
map.zoomTo(1);
</script>
</body>
</html>