Compare commits
201 Commits
release-2.
...
release-2.
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4fff45f9b4 | ||
|
|
efb925d632 | ||
|
|
48145f62be | ||
|
|
54fd1f561c | ||
|
|
acae8a8013 | ||
|
|
e32372e4b2 | ||
|
|
8b0d660b00 | ||
|
|
a167860818 | ||
|
|
257cc5576b | ||
|
|
fce15acc01 | ||
|
|
b7f0f27dcd | ||
|
|
cdb4b78136 | ||
|
|
5f59b8d72d | ||
|
|
7295ffc9d4 | ||
|
|
6e28a7cafd | ||
|
|
6f73f7059f | ||
|
|
ce0ba0b570 | ||
|
|
a6319b2974 | ||
|
|
19af3bb8e7 | ||
|
|
7832d8dda1 | ||
|
|
cb3fc7842b | ||
|
|
29dece02a5 | ||
|
|
6b9ee6bb5e | ||
|
|
ed2e943e52 | ||
|
|
c5f233ab8c | ||
|
|
bf778b21c1 | ||
|
|
69032c0534 | ||
|
|
3520c32140 | ||
|
|
da14451dbd | ||
|
|
a785dc1b1f | ||
|
|
23137091fc | ||
|
|
f37c9f8aef | ||
|
|
ee7065c9fa | ||
|
|
3f172c501d | ||
|
|
25fac24436 | ||
|
|
28558c171c | ||
|
|
2c7eade60c | ||
|
|
59953b8eb6 | ||
|
|
5750b5f6e0 | ||
|
|
050eda6670 | ||
|
|
7eaa37856c | ||
|
|
814810f6ed | ||
|
|
9450124359 | ||
|
|
9d4e91e717 | ||
|
|
0d6658f52d | ||
|
|
7993fc177b | ||
|
|
94c29f1d4d | ||
|
|
42fedc4d69 | ||
|
|
415fcbf9f9 | ||
|
|
fc9e67318e | ||
|
|
9ae54040db | ||
|
|
5a8775cd16 | ||
|
|
602cf46c10 | ||
|
|
68d82edc01 | ||
|
|
c68e234b71 | ||
|
|
a52cb98622 | ||
|
|
33410b0e76 | ||
|
|
e0c3db1227 | ||
|
|
c15a1a0779 | ||
|
|
d965d4a1a0 | ||
|
|
c77688a0be | ||
|
|
f0736370f3 | ||
|
|
ea1290f8d8 | ||
|
|
9d3c4ecb1c | ||
|
|
31afaf1fca | ||
|
|
f89fb1f226 | ||
|
|
0892e61bcb | ||
|
|
6c0952934f | ||
|
|
9fd7463680 | ||
|
|
f2247ae079 | ||
|
|
e5f0cfe906 | ||
|
|
a5f2ddcfa1 | ||
|
|
ca27481c66 | ||
|
|
7398216346 | ||
|
|
b2f810361d | ||
|
|
6adffe5be2 | ||
|
|
2a30747bd9 | ||
|
|
67b0c7180f | ||
|
|
ee00417729 | ||
|
|
d880d2d2b7 | ||
|
|
afa7b9c2bb | ||
|
|
3d0c264198 | ||
|
|
a5ca639c5b | ||
|
|
1d8773eab6 | ||
|
|
309d198e04 | ||
|
|
64842fd711 | ||
|
|
4d3a1eebf7 | ||
|
|
74a6f7e895 | ||
|
|
e32d63d7b2 | ||
|
|
b81b05a9b5 | ||
|
|
1c4afaaded | ||
|
|
8c2caf91d1 | ||
|
|
c4eaee5b5c | ||
|
|
b428e58090 | ||
|
|
28a7776d04 | ||
|
|
42b003669c | ||
|
|
509042078e | ||
|
|
d47944e4b7 | ||
|
|
de462bbe33 | ||
|
|
22aa4281fa | ||
|
|
ef9afd22cb | ||
|
|
ea183210fe | ||
|
|
72e2280c87 | ||
|
|
955ee1b1a9 | ||
|
|
a9a9b6387e | ||
|
|
1f601390dd | ||
|
|
40539ff6d3 | ||
|
|
c8cad59575 | ||
|
|
20a4025af0 | ||
|
|
e643531a0a | ||
|
|
0bc3e3c8b3 | ||
|
|
08f506176b | ||
|
|
2939bad8d0 | ||
|
|
0db8f59ae3 | ||
|
|
d895af91a5 | ||
|
|
98941c9952 | ||
|
|
0b9e0f50ab | ||
|
|
60e869e295 | ||
|
|
ae472b69a2 | ||
|
|
a8af8bceb5 | ||
|
|
5f6a2209ba | ||
|
|
fa1b7d2481 | ||
|
|
9a2363d06b | ||
|
|
e6b0ec0ee3 | ||
|
|
4bb7ccaf0a | ||
|
|
c4fbe1c0b3 | ||
|
|
cd94a7f17d | ||
|
|
cca1395fc6 | ||
|
|
eb4d5a2447 | ||
|
|
98c7687033 | ||
|
|
e6de46b9d3 | ||
|
|
f42bbd1dfc | ||
|
|
07ee9991be | ||
|
|
fba8a99b9b | ||
|
|
d1e24bdcc0 | ||
|
|
f7113df376 | ||
|
|
35b8350aec | ||
|
|
7177144816 | ||
|
|
71482163cf | ||
|
|
d0a2edbebd | ||
|
|
448373eb75 | ||
|
|
1b5add6efe | ||
|
|
2b8e293d83 | ||
|
|
fd6c16bb6c | ||
|
|
a69a0d2164 | ||
|
|
ae5d20b39f | ||
|
|
744ee039bd | ||
|
|
9bd7f02dbb | ||
|
|
88f2922f54 | ||
|
|
8b0712bb24 | ||
|
|
925b6fa206 | ||
|
|
f9391dd158 | ||
|
|
d57b603d07 | ||
|
|
5f96b1f914 | ||
|
|
e4085bbdc6 | ||
|
|
91bceb273b | ||
|
|
53b4356219 | ||
|
|
f52cd8972a | ||
|
|
ef87d15cfe | ||
|
|
0f648dedf4 | ||
|
|
1c9ba551a7 | ||
|
|
69b4a84381 | ||
|
|
c4e779b992 | ||
|
|
f95532ab6f | ||
|
|
194c6adc4d | ||
|
|
489d3c47b6 | ||
|
|
a6cd2d51d5 | ||
|
|
fd32f2e9dd | ||
|
|
a1f90c7ac8 | ||
|
|
449bc859c4 | ||
|
|
e67c9411b4 | ||
|
|
c19a190905 | ||
|
|
baa4e7469b | ||
|
|
2d8981aed5 | ||
|
|
7c40667ad7 | ||
|
|
3b0cd09aad | ||
|
|
57d3f26efc | ||
|
|
f38d5e0790 | ||
|
|
b0e726b988 | ||
|
|
f66607a6e8 | ||
|
|
c7e840876c | ||
|
|
4658d32b31 | ||
|
|
a5093a27fa | ||
|
|
701896e0c3 | ||
|
|
cbfcf40e6a | ||
|
|
dc4d5036e4 | ||
|
|
0bb5ab8191 | ||
|
|
69cb8fbb5e | ||
|
|
5a05b6c142 | ||
|
|
6341e8e2b9 | ||
|
|
aa246a1122 | ||
|
|
4f809a9714 | ||
|
|
ca3ecfc5b1 | ||
|
|
35aadaf0c8 | ||
|
|
674a414971 | ||
|
|
be986a0243 | ||
|
|
295363fe58 | ||
|
|
d5daa28fed | ||
|
|
69d8ac892f | ||
|
|
7b7c174cc7 | ||
|
|
da2dffce1a |
@@ -4,47 +4,51 @@ import sys
|
|||||||
sys.path.append("../tools")
|
sys.path.append("../tools")
|
||||||
import mergejs
|
import mergejs
|
||||||
|
|
||||||
have_compressor = None
|
def build():
|
||||||
try:
|
have_compressor = None
|
||||||
import jsmin
|
|
||||||
have_compressor = "jsmin"
|
|
||||||
except ImportError:
|
|
||||||
try:
|
try:
|
||||||
import minimize
|
import jsmin
|
||||||
have_compressor = "minimize"
|
have_compressor = "jsmin"
|
||||||
except Exception, E:
|
except ImportError:
|
||||||
print E
|
try:
|
||||||
pass
|
import minimize
|
||||||
|
have_compressor = "minimize"
|
||||||
|
except Exception, E:
|
||||||
|
print E
|
||||||
|
pass
|
||||||
|
|
||||||
sourceDirectory = "../lib"
|
sourceDirectory = "../lib"
|
||||||
configFilename = "full.cfg"
|
configFilename = "full.cfg"
|
||||||
outputFilename = "OpenLayers.js"
|
outputFilename = "OpenLayers.js"
|
||||||
|
|
||||||
if len(sys.argv) > 1:
|
if len(sys.argv) > 1:
|
||||||
configFilename = sys.argv[1]
|
configFilename = sys.argv[1]
|
||||||
extension = configFilename[-4:]
|
extension = configFilename[-4:]
|
||||||
|
|
||||||
if extension != ".cfg":
|
if extension != ".cfg":
|
||||||
configFilename = sys.argv[1] + ".cfg"
|
configFilename = sys.argv[1] + ".cfg"
|
||||||
|
|
||||||
if len(sys.argv) > 2:
|
if len(sys.argv) > 2:
|
||||||
outputFilename = sys.argv[2]
|
outputFilename = sys.argv[2]
|
||||||
|
|
||||||
print "Merging libraries."
|
print "Merging libraries."
|
||||||
merged = mergejs.run(sourceDirectory, None, configFilename)
|
merged = mergejs.run(sourceDirectory, None, configFilename)
|
||||||
if have_compressor == "jsmin":
|
if have_compressor == "jsmin":
|
||||||
print "Compressing using jsmin."
|
print "Compressing using jsmin."
|
||||||
minimized = jsmin.jsmin(merged)
|
minimized = jsmin.jsmin(merged)
|
||||||
elif have_compressor == "minimize":
|
elif have_compressor == "minimize":
|
||||||
print "Compressing using minimize."
|
print "Compressing using minimize."
|
||||||
minimized = minimize.minimize(merged)
|
minimized = minimize.minimize(merged)
|
||||||
else: # fallback
|
else: # fallback
|
||||||
print "Not compressing."
|
print "Not compressing."
|
||||||
minimized = merged
|
minimized = merged
|
||||||
print "Adding license file."
|
print "Adding license file."
|
||||||
minimized = file("license.txt").read() + minimized
|
minimized = file("license.txt").read() + minimized
|
||||||
|
|
||||||
print "Writing to %s." % outputFilename
|
print "Writing to %s." % outputFilename
|
||||||
file(outputFilename, "w").write(minimized)
|
file(outputFilename, "w").write(minimized)
|
||||||
|
|
||||||
print "Done."
|
print "Done."
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
build()
|
||||||
@@ -2,8 +2,8 @@
|
|||||||
|
|
||||||
OpenLayers.js -- OpenLayers Map Viewer Library
|
OpenLayers.js -- OpenLayers Map Viewer Library
|
||||||
|
|
||||||
Copyright 2005-2008 MetaCarta, Inc., released under the Clear BSD license.
|
Copyright 2005-2010 OpenLayers Contributors, released under the Clear BSD
|
||||||
Please see http://svn.openlayers.org/trunk/openlayers/license.txt
|
license. Please see http://svn.openlayers.org/trunk/openlayers/license.txt
|
||||||
for the full text of the license.
|
for the full text of the license.
|
||||||
|
|
||||||
Includes compressed code under the following licenses:
|
Includes compressed code under the following licenses:
|
||||||
|
|||||||
196
examples/SLDSelect.html
Normal file
196
examples/SLDSelect.html
Normal file
@@ -0,0 +1,196 @@
|
|||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers SLD based selection control</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css" />
|
||||||
|
<style type="text/css">
|
||||||
|
.olControlSLDSelectBoxActive {
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
.olControlSLDSelectPolygonActive {
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
.olControlSLDSelectLineActive {
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
.olControlSLDSelectPointActive {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var map, controls, layers;
|
||||||
|
|
||||||
|
function init(){
|
||||||
|
OpenLayers.ProxyHost= "proxy.cgi?url=";
|
||||||
|
map = new OpenLayers.Map('map', {allOverlays: true, controls: []});
|
||||||
|
var url = "http://demo.opengeo.org/geoserver/wms";
|
||||||
|
layers = {
|
||||||
|
states: new OpenLayers.Layer.WMS("State boundary", url,
|
||||||
|
{layers: 'topp:tasmania_state_boundaries', format: 'image/gif', transparent: 'TRUE'},
|
||||||
|
{singleTile: true}),
|
||||||
|
roads: new OpenLayers.Layer.WMS("Roads", url,
|
||||||
|
{layers: 'topp:tasmania_roads', format: 'image/gif', transparent: 'TRUE'},
|
||||||
|
{singleTile: true}),
|
||||||
|
waterbodies: new OpenLayers.Layer.WMS("Water bodies", url,
|
||||||
|
{layers: 'topp:tasmania_water_bodies', format: 'image/gif', transparent: 'TRUE'},
|
||||||
|
{singleTile: true}),
|
||||||
|
cities: new OpenLayers.Layer.WMS("Cities", url,
|
||||||
|
{layers: 'topp:tasmania_cities', format: 'image/gif', transparent: 'TRUE'},
|
||||||
|
{singleTile: true})
|
||||||
|
};
|
||||||
|
|
||||||
|
for (var key in layers) {
|
||||||
|
map.addLayer(layers[key]);
|
||||||
|
}
|
||||||
|
|
||||||
|
map.setCenter(new OpenLayers.LonLat(146.65748632815,-42.230763671875), 7);
|
||||||
|
|
||||||
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
|
controls = {
|
||||||
|
navigation: new OpenLayers.Control.Navigation(),
|
||||||
|
box: new OpenLayers.Control.SLDSelect(
|
||||||
|
OpenLayers.Handler.RegularPolygon,
|
||||||
|
{
|
||||||
|
displayClass: 'olControlSLDSelectBox',
|
||||||
|
layers: [layers['waterbodies']],
|
||||||
|
handlerOptions: {irregular: true}
|
||||||
|
}
|
||||||
|
),
|
||||||
|
polygon: new OpenLayers.Control.SLDSelect(
|
||||||
|
OpenLayers.Handler.Polygon,
|
||||||
|
{
|
||||||
|
displayClass: 'olControlSLDSelectPolygon',
|
||||||
|
layers: [layers['waterbodies']]
|
||||||
|
}
|
||||||
|
),
|
||||||
|
line: new OpenLayers.Control.SLDSelect(
|
||||||
|
OpenLayers.Handler.Path,
|
||||||
|
{
|
||||||
|
displayClass: 'olControlSLDSelectLine',
|
||||||
|
layers: [layers['waterbodies']]
|
||||||
|
}
|
||||||
|
),
|
||||||
|
point: new OpenLayers.Control.SLDSelect(
|
||||||
|
OpenLayers.Handler.Click,
|
||||||
|
{
|
||||||
|
displayClass: 'olControlSLDSelectPoint',
|
||||||
|
layers: [layers['waterbodies']]
|
||||||
|
}
|
||||||
|
),
|
||||||
|
circle: new OpenLayers.Control.SLDSelect(
|
||||||
|
OpenLayers.Handler.RegularPolygon,
|
||||||
|
{
|
||||||
|
displayClass: 'olControlSLDSelectBox',
|
||||||
|
layers: [layers['waterbodies']],
|
||||||
|
handlerOptions: {sides: 30}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
};
|
||||||
|
|
||||||
|
for(var key in controls) {
|
||||||
|
map.addControl(controls[key]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleControl(element) {
|
||||||
|
for(var key in controls) {
|
||||||
|
var control = controls[key];
|
||||||
|
if(element.value == key && element.checked) {
|
||||||
|
control.activate();
|
||||||
|
} else {
|
||||||
|
control.deactivate();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleSelectionLayer(element) {
|
||||||
|
var selectLayers = [];
|
||||||
|
var elements = element.value.split("_");
|
||||||
|
for (var key in layers) {
|
||||||
|
var layer = layers[key];
|
||||||
|
for (var i=0, len=elements.length; i<len; i++) {
|
||||||
|
var value = elements[i];
|
||||||
|
if (value == key && element.checked) {
|
||||||
|
selectLayers.push(layer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (var i=0, len=this.map.controls.length; i<len; i++) {
|
||||||
|
var control = this.map.controls[i];
|
||||||
|
if (control instanceof OpenLayers.Control.SLDSelect) {
|
||||||
|
control.setLayers(selectLayers);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">SLD based selection on WMS layers</h1>
|
||||||
|
|
||||||
|
<div id="tags"></div>
|
||||||
|
|
||||||
|
<div id="shortdesc">Using Styled Layer Descriptors to make a selection on WMS layers</div>
|
||||||
|
|
||||||
|
<div id="map" style="width: 512; height: 256; border: 1px solid red;"></div>
|
||||||
|
|
||||||
|
<div id="docs">
|
||||||
|
This example uses the OpenLayers.Control.SLDSelect to select features in a WMS
|
||||||
|
layer. The features are highlighted using Styled Layer Descriptors (SLD). The
|
||||||
|
control supports point, box, line and polygon selection modes by configuring the
|
||||||
|
appriopriate handler.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="controls">
|
||||||
|
<ul id="controlToggle"><b>Map Controls</b>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="navigation" id="noneToggle" onclick="toggleControl(this);" CHECKED>
|
||||||
|
<label for="noneToggle">navigate</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="box" id="boxToggle" onclick="toggleControl(this);">
|
||||||
|
<label for="boxToggle">SLD select with box</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="polygon" id="polygonToggle" onclick="toggleControl(this);">
|
||||||
|
<label for="polygonToggle">SLD select with polygon</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="line" id="lineToggle" onclick="toggleControl(this);">
|
||||||
|
<label for="lineToggle">SLD select with line</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="point" id="pointToggle" onclick="toggleControl(this);">
|
||||||
|
<label for="pointToggle">SLD select with point</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="control" value="circle" id="circleToggle" onclick="toggleControl(this);">
|
||||||
|
<label for="circleToggle">SLD select with circle</label>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="layers">
|
||||||
|
<ul id="layerToggle"><b>Selection layer</b>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="layer" value="waterbodies" id="waterbodiesToggle" onclick="toggleSelectionLayer(this);" CHECKED>
|
||||||
|
<label for="noneToggle">Water bodies</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="layer" value="cities" id="citiesToggle" onclick="toggleSelectionLayer(this);">
|
||||||
|
<label for="citiesToggle">Cities</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="layer" value="roads" id="roadsToggle" onclick="toggleSelectionLayer(this);">
|
||||||
|
<label for="roadsToggle">Roads</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" name="layer" value="roads_cities" id="roadsCitiesToggle" onclick="toggleSelectionLayer(this);">
|
||||||
|
<label for="roadsCitiesToggle">Roads and cities</label>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -124,7 +124,7 @@
|
|||||||
|
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
var layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{
|
{
|
||||||
layers: 'basic'
|
layers: 'basic'
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
map = new OpenLayers.Map('map', options);
|
map = new OpenLayers.Map('map', options);
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
|
|||||||
29
examples/all-overlays-google.html
Normal file
29
examples/all-overlays-google.html
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers All Overlays with Google and OSM</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script src="all-overlays-google.js"></script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">All Overlays with Google and OSM</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Using the Google and OSM layers as overlays.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
Using the allOverlays property on the map, the first layer added
|
||||||
|
must initially be visible. This example demonstrates the use of
|
||||||
|
a Google layer and an OSM layer treated as overlays.
|
||||||
|
</p><p>
|
||||||
|
See the <a href="all-overlays-google.js" target="_blank">
|
||||||
|
all-overlays-google.js source</a> to see how this is done.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
19
examples/all-overlays-google.js
Normal file
19
examples/all-overlays-google.js
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
var map;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
|
||||||
|
map = new OpenLayers.Map({
|
||||||
|
div: "map",
|
||||||
|
allOverlays: true
|
||||||
|
});
|
||||||
|
|
||||||
|
var osm = new OpenLayers.Layer.OSM();
|
||||||
|
var gmap = new OpenLayers.Layer.Google("Google Streets", {visibility: false});
|
||||||
|
|
||||||
|
// note that first layer must be visible
|
||||||
|
map.addLayers([osm, gmap]);
|
||||||
|
|
||||||
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
map.zoomToMaxExtent();
|
||||||
|
|
||||||
|
}
|
||||||
@@ -36,7 +36,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {numZoomLevels: 2});
|
map = new OpenLayers.Map('map', {numZoomLevels: 2});
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
|
|
||||||
map2 = new OpenLayers.Map('map2', {'panMethod': null, numZoomLevels: 2} );
|
map2 = new OpenLayers.Map('map2', {'panMethod': null, numZoomLevels: 2} );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map2.addLayer(layer);
|
map2.addLayer(layer);
|
||||||
map2.zoomToMaxExtent();
|
map2.zoomToMaxExtent();
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
||||||
{'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
|
{'attribution': 'Provided by OSGeo'});
|
||||||
|
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
|
var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
|
||||||
var ve = new OpenLayers.Layer.VirtualEarth( "VE");
|
var ve = new OpenLayers.Layer.VirtualEarth( "VE");
|
||||||
@@ -53,8 +53,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function add() {
|
function add() {
|
||||||
var url = 'http://boston.openguides.org/markers/AQUA.png';
|
var url = 'http://www.openlayers.org/dev/img/marker.png';
|
||||||
var sz = new OpenLayers.Size(10, 17);
|
var sz = new OpenLayers.Size(21, 25);
|
||||||
var calculateOffset = function(size) {
|
var calculateOffset = function(size) {
|
||||||
return new OpenLayers.Pixel(-(size.w/2), -size.h);
|
return new OpenLayers.Pixel(-(size.w/2), -size.h);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0",
|
"OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var boxes = new OpenLayers.Layer.Vector( "Boxes" );
|
var boxes = new OpenLayers.Layer.Vector( "Boxes" );
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
|
var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
|
||||||
|
|
||||||
|
|||||||
@@ -47,7 +47,7 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
||||||
options);
|
options);
|
||||||
|
|
||||||
var options2 = {
|
var options2 = {
|
||||||
|
|||||||
@@ -13,15 +13,15 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':0} );
|
{layers: 'basic'}, {'buffer':0} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':1} );
|
{layers: 'basic'}, {'buffer':1} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}, {'buffer':4} );
|
{layers: 'basic'}, {'buffer':4} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher())
|
map.addControl(new OpenLayers.Control.LayerSwitcher())
|
||||||
|
|||||||
@@ -81,7 +81,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
var layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayers([layer]);
|
map.addLayers([layer]);
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
||||||
|
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
|
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
map = new OpenLayers.Map( $('map') );
|
map = new OpenLayers.Map( $('map') );
|
||||||
|
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
var control = new OpenLayers.Control();
|
var control = new OpenLayers.Control();
|
||||||
OpenLayers.Util.extend(control, {
|
OpenLayers.Util.extend(control, {
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
var control = new OpenLayers.Control();
|
var control = new OpenLayers.Control();
|
||||||
OpenLayers.Util.extend(control, {
|
OpenLayers.Util.extend(control, {
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
var options = {theme: null};
|
var options = {theme: null};
|
||||||
map = new OpenLayers.Map('map', options);
|
map = new OpenLayers.Map('map', options);
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addControl(new OpenLayers.Control.MousePosition());
|
map.addControl(new OpenLayers.Control.MousePosition());
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
new OpenLayers.Control.Attribution()
|
new OpenLayers.Control.Attribution()
|
||||||
]} );
|
]} );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
@@ -34,4 +34,4 @@
|
|||||||
This example shows how to make a map draggable outside of the map itself.
|
This example shows how to make a map draggable outside of the map itself.
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
<script defer="defer" type="text/javascript">
|
<script defer="defer" type="text/javascript">
|
||||||
var map = new OpenLayers.Map('map');
|
var map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
map.setCenter(new OpenLayers.LonLat(100,10));
|
map.setCenter(new OpenLayers.LonLat(100,10));
|
||||||
map.setCenter(new OpenLayers.LonLat(1,1));
|
map.setCenter(new OpenLayers.LonLat(1,1));
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
|
|
||||||
vectors = new OpenLayers.Layer.Vector("Vector Layer");
|
vectors = new OpenLayers.Layer.Vector("Vector Layer");
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
|
|
||||||
var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
|
var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
|
||||||
var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
|
var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0",
|
"OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
map = new OpenLayers.Map('map', {theme: null});
|
map = new OpenLayers.Map('map', {theme: null});
|
||||||
layer = new OpenLayers.Layer.WMS(
|
layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: "basic"}
|
{layers: "basic"}
|
||||||
);
|
);
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
function init(){
|
function init(){
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
||||||
map = new OpenLayers.Map( 'map', {
|
map = new OpenLayers.Map( 'map', {
|
||||||
|
|||||||
@@ -106,7 +106,7 @@
|
|||||||
|
|
||||||
var vmap = new OpenLayers.Layer.WMS(
|
var vmap = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
var landsat = new OpenLayers.Layer.WMS(
|
var landsat = new OpenLayers.Layer.WMS(
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS(
|
var ol_wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
48
examples/filter-strategy.html
Normal file
48
examples/filter-strategy.html
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers Filter Strategy Example</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script>OpenLayers.ImgPath = "../img/";</script>
|
||||||
|
<script src="filter-strategy.js"></script>
|
||||||
|
<style>
|
||||||
|
.olControlAttribution {
|
||||||
|
font-size: 9px;
|
||||||
|
bottom: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">Filter Strategy</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Demonstrates the filter strategy for limiting features passed to the layer.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<label for="span">time span (seconds)</label>
|
||||||
|
<select id="span" name="span">
|
||||||
|
<option value="15">15</option>
|
||||||
|
<option value="30">30</option>
|
||||||
|
<option value="60" selected>60</option>
|
||||||
|
<option value="120">120</option>
|
||||||
|
<option value="240">240</option>
|
||||||
|
</select>
|
||||||
|
<input type="button" id="start" value="start">
|
||||||
|
<input type="button" id="stop" value="stop"><br><br>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
This example uses a filter strategy to limit the features that are passed
|
||||||
|
to a layer. Features bound for this layer have a <code>when</code> attribute
|
||||||
|
with date values. A filter strategy is constructed with a between filter
|
||||||
|
that limits the span of dates shown. A simple animation cycles through
|
||||||
|
the domain of the <code>when</code> values, calling <code>setFilter</code>
|
||||||
|
on the strategy with an updated filter.
|
||||||
|
</p><p>
|
||||||
|
View the <a href="filter-strategy.js" target="_blank">filter-strategy.js</a>
|
||||||
|
source to see how this is done
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
89
examples/filter-strategy.js
Normal file
89
examples/filter-strategy.js
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
var map, filter, filterStrategy;
|
||||||
|
|
||||||
|
var startDate = new Date(1272736800000); // lower bound of when values
|
||||||
|
var endDate = new Date(1272737100000); // upper value of when values
|
||||||
|
var step = 8; // sencods to advance each interval
|
||||||
|
var interval = 0.125; // seconds between each step in the animation
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
|
||||||
|
// add behavior to elements
|
||||||
|
document.getElementById("start").onclick = startAnimation;
|
||||||
|
document.getElementById("stop").onclick = stopAnimation;
|
||||||
|
var spanEl = document.getElementById("span");
|
||||||
|
|
||||||
|
var mercator = new OpenLayers.Projection("EPSG:900913");
|
||||||
|
var geographic = new OpenLayers.Projection("EPSG:4326");
|
||||||
|
map = new OpenLayers.Map("map");
|
||||||
|
|
||||||
|
var osm = new OpenLayers.Layer.OSM();
|
||||||
|
|
||||||
|
filter = new OpenLayers.Filter.Comparison({
|
||||||
|
type: OpenLayers.Filter.Comparison.BETWEEN,
|
||||||
|
property: "when",
|
||||||
|
lowerBoundary: startDate,
|
||||||
|
upperBoundary: new Date(startDate.getTime() + (parseInt(spanEl.value, 10) * 1000))
|
||||||
|
});
|
||||||
|
|
||||||
|
filterStrategy = new OpenLayers.Strategy.Filter({filter: filter});
|
||||||
|
|
||||||
|
var flights = new OpenLayers.Layer.Vector("Aircraft Locations", {
|
||||||
|
projection: geographic,
|
||||||
|
strategies: [new OpenLayers.Strategy.Fixed(), filterStrategy],
|
||||||
|
protocol: new OpenLayers.Protocol.HTTP({
|
||||||
|
url: "kml-track.kml",
|
||||||
|
format: new OpenLayers.Format.KML({
|
||||||
|
extractTracks: true
|
||||||
|
//,extractStyles: true // use style from KML instead of styleMap below
|
||||||
|
})
|
||||||
|
}),
|
||||||
|
styleMap: new OpenLayers.StyleMap({
|
||||||
|
"default": new OpenLayers.Style({
|
||||||
|
graphicName: "circle",
|
||||||
|
pointRadius: 3,
|
||||||
|
fillOpacity: 0.25,
|
||||||
|
fillColor: "#ffcc66",
|
||||||
|
strokeColor: "#ff9933",
|
||||||
|
strokeWidth: 1
|
||||||
|
})
|
||||||
|
}),
|
||||||
|
renderers: ["Canvas", "SVG", "VML"]
|
||||||
|
});
|
||||||
|
|
||||||
|
map.addLayers([osm, flights]);
|
||||||
|
map.setCenter(new OpenLayers.LonLat(-93.2735, 44.8349).transform(geographic, mercator), 8);
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
var animationTimer;
|
||||||
|
var currentDate;
|
||||||
|
function startAnimation() {
|
||||||
|
if (animationTimer) {
|
||||||
|
stopAnimation(true);
|
||||||
|
}
|
||||||
|
if (!currentDate) {
|
||||||
|
currentDate = startDate;
|
||||||
|
}
|
||||||
|
var spanEl = document.getElementById("span");
|
||||||
|
var next = function() {
|
||||||
|
var span = parseInt(spanEl.value, 10);
|
||||||
|
if (currentDate < endDate) {
|
||||||
|
filter.lowerBoundary = currentDate;
|
||||||
|
filter.upperBoundary = new Date(currentDate.getTime() + (span * 1000));
|
||||||
|
filterStrategy.setFilter(filter);
|
||||||
|
currentDate = new Date(currentDate.getTime() + (step * 1000))
|
||||||
|
} else {
|
||||||
|
stopAnimation(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
animationTimer = window.setInterval(next, interval * 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopAnimation(reset) {
|
||||||
|
window.clearInterval(animationTimer);
|
||||||
|
animationTimer = null;
|
||||||
|
if (reset === true) {
|
||||||
|
currentDate = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
numZoomLevels: 10 });
|
numZoomLevels: 10 });
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayers([wms]);
|
map.addLayers([wms]);
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
"http://t1.hypercube.telascience.org/cgi-bin/landsat7",
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
||||||
|
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|||||||
@@ -37,7 +37,6 @@
|
|||||||
text-align:left;
|
text-align:left;
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
text-transform:uppercase;
|
|
||||||
padding:.2em .2em;
|
padding:.2em .2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToExtent(new OpenLayers.Bounds(-3.922119,44.335327,4.866943,49.553833));
|
map.zoomToExtent(new OpenLayers.Bounds(-3.922119,44.335327,4.866943,49.553833));
|
||||||
map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml"));
|
map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml"));
|
||||||
|
|||||||
28
examples/google-v3-alloverlays.html
Normal file
28
examples/google-v3-alloverlays.html
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers Google (v3) Layer Example</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script src="google-v3-alloverlays.js"></script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">Google (v3) allOverlays Layer Example</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Demonstrate use the Google Maps v3 API with allOverlays set to true on the map.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
You can also use Google layers as overlays, e.g. in a map with
|
||||||
|
allOverlays set to true. Note some of the layers disappear as
|
||||||
|
you zoom in to levels that are not supported by all layers. See the
|
||||||
|
<a href="google-v3-alloverlays.js" target="_blank">google-v3-alloverlays.js source</a>
|
||||||
|
to see how this is done.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
35
examples/google-v3-alloverlays.js
Normal file
35
examples/google-v3-alloverlays.js
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
var map;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
map = new OpenLayers.Map('map', {allOverlays: true});
|
||||||
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
|
// the SATELLITE layer has all 22 zoom level, so we add it first to
|
||||||
|
// become the internal base layer that determines the zoom levels of the
|
||||||
|
// map.
|
||||||
|
var gsat = new OpenLayers.Layer.Google(
|
||||||
|
"Google Satellite",
|
||||||
|
{type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}
|
||||||
|
);
|
||||||
|
var gphy = new OpenLayers.Layer.Google(
|
||||||
|
"Google Physical",
|
||||||
|
{type: google.maps.MapTypeId.TERRAIN, visibility: false}
|
||||||
|
);
|
||||||
|
var gmap = new OpenLayers.Layer.Google(
|
||||||
|
"Google Streets", // the default
|
||||||
|
{numZoomLevels: 20, visibility: false}
|
||||||
|
);
|
||||||
|
var ghyb = new OpenLayers.Layer.Google(
|
||||||
|
"Google Hybrid",
|
||||||
|
{type: google.maps.MapTypeId.HYBRID, numZoomLevels: 22, visibility: false}
|
||||||
|
);
|
||||||
|
|
||||||
|
map.addLayers([gsat, gphy, gmap, ghyb]);
|
||||||
|
|
||||||
|
// Google.v3 uses EPSG:900913 as projection, so we have to
|
||||||
|
// transform our coordinates
|
||||||
|
map.setCenter(new OpenLayers.LonLat(10.2, 48.9).transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"),
|
||||||
|
map.getProjectionObject()
|
||||||
|
), 5);
|
||||||
|
}
|
||||||
32
examples/google-v3.html
Normal file
32
examples/google-v3.html
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers Google (v3) Layer Example</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script src="google-v3.js"></script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">Google (v3) Layer Example</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Demonstrate use the Google Maps v3 API.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
If you use the Google Maps v3 API with a Google layer, you don't
|
||||||
|
need to include an API key. This layer only works in the
|
||||||
|
spherical mercator projection. See the
|
||||||
|
<a href="google-v3.js" target="_blank">google-v3.js source</a>
|
||||||
|
to see how this is done.
|
||||||
|
<p>
|
||||||
|
In order to position the Google attribution div in the default
|
||||||
|
location, you must include the extra theme/default/google.css
|
||||||
|
stylesheet.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32
examples/google-v3.js
Normal file
32
examples/google-v3.js
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
var map;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
map = new OpenLayers.Map('map');
|
||||||
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
|
var gphy = new OpenLayers.Layer.Google(
|
||||||
|
"Google Physical",
|
||||||
|
{type: google.maps.MapTypeId.TERRAIN}
|
||||||
|
);
|
||||||
|
var gmap = new OpenLayers.Layer.Google(
|
||||||
|
"Google Streets", // the default
|
||||||
|
{numZoomLevels: 20}
|
||||||
|
);
|
||||||
|
var ghyb = new OpenLayers.Layer.Google(
|
||||||
|
"Google Hybrid",
|
||||||
|
{type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}
|
||||||
|
);
|
||||||
|
var gsat = new OpenLayers.Layer.Google(
|
||||||
|
"Google Satellite",
|
||||||
|
{type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}
|
||||||
|
);
|
||||||
|
|
||||||
|
map.addLayers([gphy, gmap, ghyb, gsat]);
|
||||||
|
|
||||||
|
// Google.v3 uses EPSG:900913 as projection, so we have to
|
||||||
|
// transform our coordinates
|
||||||
|
map.setCenter(new OpenLayers.LonLat(10.2, 48.9).transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"),
|
||||||
|
map.getProjectionObject()
|
||||||
|
), 5);
|
||||||
|
}
|
||||||
@@ -23,19 +23,20 @@
|
|||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
Proj4js.defs["EPSG:42304"]="+title=Atlas of Canada, LCC +proj=lcc +lat_1=49 +lat_2=77 +lat_0=49 +lon_0=-95 +x_0=0 +y_0=0 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
|
Proj4js.defs["EPSG:42304"]="+title=Atlas of Canada, LCC +proj=lcc +lat_1=49 +lat_2=77 +lat_0=49 +lon_0=-95 +x_0=0 +y_0=0 +ellps=GRS80 +datum=NAD83 +units=m +no_defs";
|
||||||
|
|
||||||
|
var graticuleCtl1, graticuleCtl2;
|
||||||
var map1, map2;
|
var map1, map2;
|
||||||
function init(){
|
function init(){
|
||||||
initLonLat();
|
initLonLat();
|
||||||
initProjected();
|
initProjected();
|
||||||
}
|
}
|
||||||
function initLonLat(){
|
function initLonLat(){
|
||||||
|
graticuleCtl1 = new OpenLayers.Control.Graticule({
|
||||||
|
numPoints: 2,
|
||||||
|
labelled: true
|
||||||
|
});
|
||||||
map1 = new OpenLayers.Map('map', {
|
map1 = new OpenLayers.Map('map', {
|
||||||
controls: [
|
controls: [
|
||||||
new OpenLayers.Control.Graticule({
|
graticuleCtl1,
|
||||||
numPoints: 2,
|
|
||||||
labelled: true,
|
|
||||||
visible: true
|
|
||||||
}),
|
|
||||||
new OpenLayers.Control.LayerSwitcher(),
|
new OpenLayers.Control.LayerSwitcher(),
|
||||||
new OpenLayers.Control.PanZoomBar(),
|
new OpenLayers.Control.PanZoomBar(),
|
||||||
new OpenLayers.Control.Navigation()
|
new OpenLayers.Control.Navigation()
|
||||||
@@ -43,7 +44,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}, {wrapDateLine: true} );
|
{layers: 'basic'}, {wrapDateLine: true} );
|
||||||
|
|
||||||
map1.addLayers([ol_wms]);
|
map1.addLayers([ol_wms]);
|
||||||
@@ -52,12 +53,13 @@
|
|||||||
|
|
||||||
function initProjected(){
|
function initProjected(){
|
||||||
var extent = new OpenLayers.Bounds(-2200000,-712631,3072800,3840000);
|
var extent = new OpenLayers.Bounds(-2200000,-712631,3072800,3840000);
|
||||||
|
graticuleCtl2 = new OpenLayers.Control.Graticule({
|
||||||
|
labelled: true,
|
||||||
|
targetSize: 200
|
||||||
|
});
|
||||||
var mapOptions = {
|
var mapOptions = {
|
||||||
controls: [
|
controls: [
|
||||||
new OpenLayers.Control.Graticule({
|
graticuleCtl2,
|
||||||
labelled: true,
|
|
||||||
targetSize: 200
|
|
||||||
}),
|
|
||||||
new OpenLayers.Control.LayerSwitcher(),
|
new OpenLayers.Control.LayerSwitcher(),
|
||||||
new OpenLayers.Control.PanZoomBar(),
|
new OpenLayers.Control.PanZoomBar(),
|
||||||
new OpenLayers.Control.Navigation()
|
new OpenLayers.Control.Navigation()
|
||||||
@@ -98,5 +100,12 @@
|
|||||||
<div id="map2" class="smallmap"></div>
|
<div id="map2" class="smallmap"></div>
|
||||||
|
|
||||||
<div id="docs"></div>
|
<div id="docs"></div>
|
||||||
|
<br style="clear:both" />
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"
|
||||||
|
onclick="graticuleCtl1.activate(); graticuleCtl2.activate(); return false;">Activate graticule controls</a></li>
|
||||||
|
<li><a href="#"
|
||||||
|
onclick="graticuleCtl1.deactivate(); graticuleCtl2.deactivate(); return false;">Deactivate graticule controls</a></li>
|
||||||
|
</ul>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -76,7 +76,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
var layer = new OpenLayers.Layer.WMS(
|
||||||
'OpenLayers WMS',
|
'OpenLayers WMS',
|
||||||
'http://labs.metacarta.com/wms/vmap0',
|
'http://vmap0.tiles.osgeo.org/wms/vmap0',
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayers([layer]);
|
map.addLayers([layer]);
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.addLayer(new OpenLayers.Layer.GML("KML", "kml/lines.kml",
|
map.addLayer(new OpenLayers.Layer.GML("KML", "kml/lines.kml",
|
||||||
{
|
{
|
||||||
|
|||||||
36
examples/kml-track.html
Normal file
36
examples/kml-track.html
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers KLM Track Parsing Example</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<style>
|
||||||
|
.olControlAttribution {
|
||||||
|
bottom: 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script src="kml-track.js"></script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">Parsing gx:Track in KML</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Demonstrates parsing of gx:Track elements from KML.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
If a KML document contains <code><gx:Track></code>
|
||||||
|
elements and the extractTracks property is set true on the
|
||||||
|
parer, features will be created that represent track points.
|
||||||
|
Each feature will have a when attribute that contains the
|
||||||
|
value of the relevant <code><when></code> element from
|
||||||
|
the track.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
View the <a href="kml-track.js" target="_blank">kml-track.js</a>
|
||||||
|
source to see how this is done.
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
40
examples/kml-track.js
Normal file
40
examples/kml-track.js
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
var map;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
|
||||||
|
var mercator = new OpenLayers.Projection("EPSG:900913");
|
||||||
|
var geographic = new OpenLayers.Projection("EPSG:4326");
|
||||||
|
|
||||||
|
map = new OpenLayers.Map({
|
||||||
|
div: "map",
|
||||||
|
projection: mercator,
|
||||||
|
layers: [
|
||||||
|
new OpenLayers.Layer.OSM(),
|
||||||
|
new OpenLayers.Layer.Vector("Aircraft Locations", {
|
||||||
|
projection: geographic,
|
||||||
|
strategies: [new OpenLayers.Strategy.Fixed()],
|
||||||
|
protocol: new OpenLayers.Protocol.HTTP({
|
||||||
|
url: "kml-track.kml",
|
||||||
|
format: new OpenLayers.Format.KML({
|
||||||
|
extractTracks: true,
|
||||||
|
trackAttributes: ["speed"]
|
||||||
|
})
|
||||||
|
}),
|
||||||
|
styleMap: new OpenLayers.StyleMap({
|
||||||
|
"default": new OpenLayers.Style({
|
||||||
|
graphicName: "circle",
|
||||||
|
pointRadius: 2,
|
||||||
|
fillOpacity: 0.5,
|
||||||
|
fillColor: "#ffcc66",
|
||||||
|
strokeColor: "#666633",
|
||||||
|
strokeWidth: 1,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
],
|
||||||
|
center: new OpenLayers.LonLat(-93.2735, 44.8349).transform(geographic, mercator),
|
||||||
|
zoom: 8
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
3359
examples/kml-track.kml
Normal file
3359
examples/kml-track.kml
Normal file
File diff suppressed because it is too large
Load Diff
@@ -11,7 +11,7 @@
|
|||||||
map = new OpenLayers.Map();
|
map = new OpenLayers.Map();
|
||||||
layer = new OpenLayers.Layer.WMS(
|
layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -32,28 +32,28 @@
|
|||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0",
|
buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} ,
|
{layers: 'basic'} ,
|
||||||
{ singleTile: false, buffer:0}
|
{ singleTile: false, buffer:0}
|
||||||
);
|
);
|
||||||
registerEvents(buffer0);
|
registerEvents(buffer0);
|
||||||
|
|
||||||
buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1",
|
buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} ,
|
{layers: 'basic'} ,
|
||||||
{ singleTile: false, buffer:1}
|
{ singleTile: false, buffer:1}
|
||||||
);
|
);
|
||||||
registerEvents(buffer1);
|
registerEvents(buffer1);
|
||||||
|
|
||||||
buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2",
|
buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} ,
|
{layers: 'basic'} ,
|
||||||
{ singleTile: false, buffer:2 }
|
{ singleTile: false, buffer:2 }
|
||||||
);
|
);
|
||||||
registerEvents(buffer2);
|
registerEvents(buffer2);
|
||||||
|
|
||||||
singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer",
|
singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} ,
|
{layers: 'basic'} ,
|
||||||
{ singleTile: true}
|
{ singleTile: true}
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
map.addControl(new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher')}));
|
map.addControl(new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher')}));
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}, {'displayInLayerSwitcher':false} );
|
{layers: 'basic'}, {'displayInLayerSwitcher':false} );
|
||||||
|
|
||||||
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
layer = new OpenLayers.Layer.MapServer( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.MapServer( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'},
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'},
|
||||||
{gutter: 15});
|
{gutter: 15});
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
window.onload = function(){
|
window.onload = function(){
|
||||||
map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
|
map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
|
||||||
var layer = new OpenLayers.Layer.MapServer( "MapServer Untiled",
|
var layer = new OpenLayers.Layer.MapServer( "MapServer Untiled",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, {singleTile: true} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'}, {singleTile: true} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 1);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 1);
|
||||||
map.addControl( new OpenLayers.Control.LayerSwitcher() );
|
map.addControl( new OpenLayers.Control.LayerSwitcher() );
|
||||||
|
|||||||
@@ -11,17 +11,17 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
var markers = new OpenLayers.Layer.Markers( "Markers" );
|
var markers = new OpenLayers.Layer.Markers( "Markers" );
|
||||||
map.addLayer(markers);
|
map.addLayer(markers);
|
||||||
|
|
||||||
size = new OpenLayers.Size(50,50);
|
size = new OpenLayers.Size(21, 25);
|
||||||
calculateOffset = function(size) {
|
calculateOffset = function(size) {
|
||||||
return new OpenLayers.Pixel(-(size.w/2), -size.h); };
|
return new OpenLayers.Pixel(-(size.w/2), -size.h); };
|
||||||
icon = new OpenLayers.Icon(
|
icon = new OpenLayers.Icon(
|
||||||
'http://boston.openguides.org/markers/AQUA.png',
|
'http://www.openlayers.org/dev/img/marker.png',
|
||||||
size, null, calculateOffset);
|
size, null, calculateOffset);
|
||||||
markers.addMarker(
|
markers.addMarker(
|
||||||
new OpenLayers.Marker(new OpenLayers.LonLat(-71,40), icon));
|
new OpenLayers.Marker(new OpenLayers.LonLat(-71,40), icon));
|
||||||
|
|||||||
0
examples/marker_shadow.png
Executable file → Normal file
0
examples/marker_shadow.png
Executable file → Normal file
|
Before Width: | Height: | Size: 374 B After Width: | Height: | Size: 374 B |
@@ -11,7 +11,7 @@
|
|||||||
OpenLayers.ProxyHost="/proxy/?url=";
|
OpenLayers.ProxyHost="/proxy/?url=";
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
@@ -22,9 +22,9 @@
|
|||||||
var markers = new OpenLayers.Layer.Markers( "Markers" );
|
var markers = new OpenLayers.Layer.Markers( "Markers" );
|
||||||
map.addLayer(markers);
|
map.addLayer(markers);
|
||||||
|
|
||||||
var size = new OpenLayers.Size(10,17);
|
var size = new OpenLayers.Size(21,25);
|
||||||
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
|
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
|
||||||
var icon = new OpenLayers.Icon('http://boston.openguides.org/markers/AQUA.png',size,offset);
|
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));
|
||||||
|
|
||||||
var halfIcon = icon.clone();
|
var halfIcon = icon.clone();
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
OpenLayers.ProxyHost="/proxy/?url=";
|
OpenLayers.ProxyHost="/proxy/?url=";
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
|
|
||||||
map.addLayers([wmsLayer]);
|
map.addLayers([wmsLayer]);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
|
OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
|
||||||
vectors = new OpenLayers.Layer.Vector("Vector Layer");
|
vectors = new OpenLayers.Layer.Vector("Vector Layer");
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
map.addControl(new OpenLayers.Control.MousePosition());
|
map.addControl(new OpenLayers.Control.MousePosition());
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
|
|
||||||
map.addLayers([ol_wms]);
|
map.addLayers([ol_wms]);
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
new OpenLayers.Control.Attribution()
|
new OpenLayers.Control.Attribution()
|
||||||
]} );
|
]} );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
|
<!-- multimap api key for http://(www.)openlayers.org -->
|
||||||
|
<script type="text/javascript" src="http://developer.multimap.com/API/maps/1.2/OA10072915821139765"></script>
|
||||||
|
|
||||||
<script src="../lib/OpenLayers.js"></script>
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@@ -34,11 +35,9 @@
|
|||||||
{'sphericalMercator': true}
|
{'sphericalMercator': true}
|
||||||
);
|
);
|
||||||
merc = new OpenLayers.Layer.WMS("World Map",
|
merc = new OpenLayers.Layer.WMS("World Map",
|
||||||
"http://world.freemap.in/tiles/",
|
"http://maps.opengeo.org/geowebcache/service/wms",
|
||||||
{'layers': 'factbook-overlay',
|
{'layers': 'bluemarble'},
|
||||||
'format':'png'},
|
{'opacity': 0.4,
|
||||||
{'reproject': false,
|
|
||||||
'opacity': 0.4,
|
|
||||||
'isBaseLayer': false,
|
'isBaseLayer': false,
|
||||||
'wrapDateLine': true});
|
'wrapDateLine': true});
|
||||||
|
|
||||||
|
|||||||
@@ -13,8 +13,8 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
|
|
||||||
var urlArray = ["http://t1.labs.metacarta.com/wms-c/Basic.py",
|
var urlArray = ["http://tilecache.osgeo.org/wms-c/Basic.py",
|
||||||
"http://t2.labs.metacarta.com/wms-c/Basic.py"];
|
"http://tilecache.osgeo.org/wms-c/Basic.py"];
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
urlArray,
|
urlArray,
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
function runMVS() {
|
function runMVS() {
|
||||||
OpenLayers.ProxyHost = '/proxy/?url=';
|
OpenLayers.ProxyHost = '/proxy/?url=';
|
||||||
if (document.location.protocol != "file:") {
|
if (document.location.protocol != "file:") {
|
||||||
theArgs = OpenLayers.Util.getArgs();
|
theArgs = OpenLayers.Util.getParameters();
|
||||||
} else {
|
} else {
|
||||||
theArgs = {};
|
theArgs = {};
|
||||||
theArgs.center = "0,0";
|
theArgs.center = "0,0";
|
||||||
@@ -81,7 +81,7 @@ function runMVS() {
|
|||||||
case 'openlayers':
|
case 'openlayers':
|
||||||
theMVS.addLayer(
|
theMVS.addLayer(
|
||||||
new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} )
|
{layers: 'basic'} )
|
||||||
);
|
);
|
||||||
break;
|
break;
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map', { controls: [] });
|
map = new OpenLayers.Map( 'map', { controls: [] });
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
nav = new OpenLayers.Control.Navigation({'zoomWheelEnabled': false});
|
nav = new OpenLayers.Control.Navigation({'zoomWheelEnabled': false});
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
var layer = new OpenLayers.Layer.WMS(
|
var layer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
|
map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});
|
var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});
|
||||||
map.addControl(panel);
|
map.addControl(panel);
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
function init() {
|
function init() {
|
||||||
map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
|
map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
var panel = new OpenLayers.Control.NavToolbar();
|
var panel = new OpenLayers.Control.NavToolbar();
|
||||||
|
|||||||
@@ -10,11 +10,11 @@
|
|||||||
map = new OpenLayers.Map('mapDiv', {maxResolution: 'auto'});
|
map = new OpenLayers.Map('mapDiv', {maxResolution: 'auto'});
|
||||||
|
|
||||||
var old_ol_wms = new OpenLayers.Layer.WMS.Untiled( "WMS.Untiled",
|
var old_ol_wms = new OpenLayers.Layer.WMS.Untiled( "WMS.Untiled",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
||||||
old_ol_wms.addOptions({isBaseLayer: true});
|
old_ol_wms.addOptions({isBaseLayer: true});
|
||||||
|
|
||||||
var new_ol_wms = new OpenLayers.Layer.WMS( "WMS w/singleTile",
|
var new_ol_wms = new OpenLayers.Layer.WMS( "WMS w/singleTile",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
||||||
{ singleTile: true, ratio: 1 } );
|
{ singleTile: true, ratio: 1 } );
|
||||||
new_ol_wms.addOptions({isBaseLayer: true});
|
new_ol_wms.addOptions({isBaseLayer: true});
|
||||||
|
|
||||||
|
|||||||
27
examples/osm-google.html
Normal file
27
examples/osm-google.html
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers OSM and Google Example</title>
|
||||||
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
|
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script src="osm-google.js"></script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<h1 id="title">OSM and Google Together</h1>
|
||||||
|
<p id="shortdesc">
|
||||||
|
Demonstrate use of an OSM layer and a Google layer as base layers.
|
||||||
|
</p>
|
||||||
|
<div id="map" class="smallmap"></div>
|
||||||
|
<div id="docs">
|
||||||
|
<p>
|
||||||
|
The Google(v3) layer and the OSM are both in the same projection
|
||||||
|
- spherical mercator - and can be used on a map together.
|
||||||
|
See the <a href="osm-google.js" target="_blank">
|
||||||
|
osm-google.js source</a> to see how this is done.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
28
examples/osm-google.js
Normal file
28
examples/osm-google.js
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
var map;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
map = new OpenLayers.Map({
|
||||||
|
div: "map",
|
||||||
|
projection: new OpenLayers.Projection("EPSG:900913"),
|
||||||
|
units: "m",
|
||||||
|
maxResolution: 156543.0339,
|
||||||
|
maxExtent: new OpenLayers.Bounds(
|
||||||
|
-20037508, -20037508, 20037508, 20037508.34
|
||||||
|
)
|
||||||
|
});
|
||||||
|
|
||||||
|
var osm = new OpenLayers.Layer.OSM();
|
||||||
|
var gmap = new OpenLayers.Layer.Google("Google Streets");
|
||||||
|
|
||||||
|
map.addLayers([osm, gmap]);
|
||||||
|
|
||||||
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
|
map.setCenter(
|
||||||
|
new OpenLayers.LonLat(10.2, 48.9).transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"),
|
||||||
|
map.getProjectionObject()
|
||||||
|
),
|
||||||
|
5
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -10,7 +10,12 @@
|
|||||||
map = new OpenLayers.Map( 'map');
|
map = new OpenLayers.Map( 'map');
|
||||||
layer = new OpenLayers.Layer.OSM( "Simple OSM Map");
|
layer = new OpenLayers.Layer.OSM( "Simple OSM Map");
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.setCenter(
|
||||||
|
new OpenLayers.LonLat(-71.147, 42.472).transform(
|
||||||
|
new OpenLayers.Projection("EPSG:4326"),
|
||||||
|
map.getProjectionObject()
|
||||||
|
), 12
|
||||||
|
);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
|
|
||||||
var ol = new OpenLayers.Layer.WMS(
|
var ol = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -75,15 +75,13 @@
|
|||||||
map1.addControl(new OpenLayers.Control.LayerSwitcher());
|
map1.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|
||||||
// create an overview map control with the default options
|
// create an overview map control with the default options
|
||||||
var overview1 = new OpenLayers.Control.OverviewMap();
|
var overview1 = new OpenLayers.Control.OverviewMap({
|
||||||
|
maximized: true
|
||||||
|
});
|
||||||
map1.addControl(overview1);
|
map1.addControl(overview1);
|
||||||
|
|
||||||
map1.setCenter(new OpenLayers.LonLat(0, 0), 2);
|
map1.setCenter(new OpenLayers.LonLat(0, 0), 2);
|
||||||
|
|
||||||
// expand the overview map control
|
|
||||||
overview1.maximizeControl();
|
|
||||||
|
|
||||||
|
|
||||||
// create the bottom map (with advanced overview map control)
|
// create the bottom map (with advanced overview map control)
|
||||||
var mapOptions = {
|
var mapOptions = {
|
||||||
maxExtent: new OpenLayers.Bounds(-8242894.927728, 4965204.031195,
|
maxExtent: new OpenLayers.Bounds(-8242894.927728, 4965204.031195,
|
||||||
@@ -99,6 +97,7 @@
|
|||||||
|
|
||||||
// create an overview map control with non-default options
|
// create an overview map control with non-default options
|
||||||
var controlOptions = {
|
var controlOptions = {
|
||||||
|
maximized: true,
|
||||||
mapOptions: OpenLayers.Util.extend(mapOptions, {
|
mapOptions: OpenLayers.Util.extend(mapOptions, {
|
||||||
maxResolution: 156543.0339,
|
maxResolution: 156543.0339,
|
||||||
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34,
|
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34,
|
||||||
@@ -111,9 +110,6 @@
|
|||||||
|
|
||||||
map2.setCenter(new OpenLayers.LonLat(-8233165.3575055, 4980298.21113769), 3);
|
map2.setCenter(new OpenLayers.LonLat(-8233165.3575055, 4980298.21113769), 3);
|
||||||
|
|
||||||
// expand the overview map control
|
|
||||||
overview2.maximizeControl();
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayers([wms]);
|
map.addLayers([wms]);
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
background-color:red;
|
background-color:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.olControlPanel .olControlMouseDefaultsItemActive {
|
.olControlPanel .olControlMouseDefaultsItemActive {
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map', { controls: [] } );
|
map = new OpenLayers.Map( 'map', { controls: [] } );
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
||||||
@@ -78,6 +78,12 @@
|
|||||||
{title:'Draw a feature'}),
|
{title:'Draw a feature'}),
|
||||||
new OpenLayers.Control.ZoomToMaxExtent({title:"Zoom to the max extent"})
|
new OpenLayers.Control.ZoomToMaxExtent({title:"Zoom to the max extent"})
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
nav = new OpenLayers.Control.NavigationHistory();
|
||||||
|
// parent control must be added to the map
|
||||||
|
map.addControl(nav);
|
||||||
|
panel.addControls([nav.next, nav.previous]);
|
||||||
|
|
||||||
map.addControl(panel);
|
map.addControl(panel);
|
||||||
|
|
||||||
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.setCenter(new OpenLayers.LonLat(20.22, 22.05), 9);
|
map.setCenter(new OpenLayers.LonLat(20.22, 22.05), 9);
|
||||||
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
map.addControl(new OpenLayers.Control.LayerSwitcher());
|
||||||
|
|||||||
0
examples/popupMatrix.jpg
Executable file → Normal file
0
examples/popupMatrix.jpg
Executable file → Normal file
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 45 KiB |
@@ -11,7 +11,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
layer = new OpenLayers.Layer.Google( "Google" );
|
layer = new OpenLayers.Layer.Google( "Google" );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
|
|
||||||
// create base layer
|
// create base layer
|
||||||
var layer = new OpenLayers.Layer.WMS("OpenLayers WMS",
|
var layer = new OpenLayers.Layer.WMS("OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{"layers": "basic"}
|
{"layers": "basic"}
|
||||||
);
|
);
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -20,7 +20,8 @@ allowedHosts = ['www.openlayers.org', 'openlayers.org',
|
|||||||
'prototype.openmnnd.org', 'geo.openplans.org',
|
'prototype.openmnnd.org', 'geo.openplans.org',
|
||||||
'sigma.openplans.org', 'demo.opengeo.org',
|
'sigma.openplans.org', 'demo.opengeo.org',
|
||||||
'www.openstreetmap.org', 'sample.azavea.com',
|
'www.openstreetmap.org', 'sample.azavea.com',
|
||||||
'v-swe.uni-muenster.de:8080']
|
'v-swe.uni-muenster.de:8080',
|
||||||
|
'vmap0.tiles.osgeo.org']
|
||||||
|
|
||||||
method = os.environ["REQUEST_METHOD"]
|
method = os.environ["REQUEST_METHOD"]
|
||||||
|
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
|
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
|
|
||||||
var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
|
var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
|
var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
|
var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS(
|
var wmsLayer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
|
"http://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
||||||
|
|
||||||
var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
|
var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wmsLayer = new OpenLayers.Layer.WMS(
|
var wmsLayer = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
var map = new OpenLayers.Map('map');
|
var map = new OpenLayers.Map('map');
|
||||||
var bounds = new OpenLayers.Bounds(-45,-45, 0, 45);
|
var bounds = new OpenLayers.Bounds(-45,-45, 0, 45);
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
map.zoomToExtent(bounds);
|
map.zoomToExtent(bounds);
|
||||||
var boxes = new OpenLayers.Layer.Boxes("boxes");
|
var boxes = new OpenLayers.Layer.Boxes("boxes");
|
||||||
|
|||||||
65
examples/sld-parser.html
Normal file
65
examples/sld-parser.html
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>OpenLayers SLD Parser</title>
|
||||||
|
<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>
|
||||||
|
<style>
|
||||||
|
#input {
|
||||||
|
width: 90%;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
#output {
|
||||||
|
width: 90%;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 id="title">SLD Parser</h1>
|
||||||
|
|
||||||
|
<div id="shortdesc">Parsing Styled Layer Descriptor (SLD) documents with the SLD format.</div>
|
||||||
|
|
||||||
|
<textarea id="input">paste SLD here</textarea><br>
|
||||||
|
<input type="checkbox" id="symbolizers" checked="checked"><label for="symbolizers">Maintain multiple symbolizers and FeatureTypeStyle elements</label><br>
|
||||||
|
<input type="checkbox" id="array"><label for="array">Compile an array of named styles instead of an object.</label><br>
|
||||||
|
<input type="button" id="button" value="Parse SLD">
|
||||||
|
|
||||||
|
<div id="docs">
|
||||||
|
This example uses the SLD format to parse SLD documents pasted into the textarea above.
|
||||||
|
A rough representation of the parsed style is shown in the textarea below.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<textarea id="output"></textarea>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var button = document.getElementById("button");
|
||||||
|
var input = document.getElementById("input");
|
||||||
|
var output = document.getElementById("output");
|
||||||
|
var symbolizers = document.getElementById("symbolizers");
|
||||||
|
var array = document.getElementById("array");
|
||||||
|
|
||||||
|
var json = new OpenLayers.Format.JSON();
|
||||||
|
|
||||||
|
var format, obj;
|
||||||
|
|
||||||
|
button.onclick = function() {
|
||||||
|
var str = input.value;
|
||||||
|
format = new OpenLayers.Format.SLD({
|
||||||
|
multipleSymbolizers: !!symbolizers.checked,
|
||||||
|
namedLayersAsArray: !!array.checked
|
||||||
|
});
|
||||||
|
obj = format.read(str);
|
||||||
|
try {
|
||||||
|
output.value = json.write(obj, true);
|
||||||
|
} catch (err) {
|
||||||
|
output.value = "Trouble: " + err;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
0
examples/small.jpg
Executable file → Normal file
0
examples/small.jpg
Executable file → Normal file
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
@@ -69,7 +69,7 @@
|
|||||||
getTitleForObservedProperty: function(property) {
|
getTitleForObservedProperty: function(property) {
|
||||||
for (var name in this.SOSCapabilities.contents.offeringList) {
|
for (var name in this.SOSCapabilities.contents.offeringList) {
|
||||||
var offering = this.SOSCapabilities.contents.offeringList[name];
|
var offering = this.SOSCapabilities.contents.offeringList[name];
|
||||||
if (offering.observedProperty === property) {
|
if (offering.observedProperties[0] === property) {
|
||||||
return offering.name;
|
return offering.name;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -127,11 +127,11 @@
|
|||||||
var offering = this.SOSCapabilities.contents.offeringList[name];
|
var offering = this.SOSCapabilities.contents.offeringList[name];
|
||||||
var xml = this.obsformat.write({
|
var xml = this.obsformat.write({
|
||||||
eventTime: 'latest',
|
eventTime: 'latest',
|
||||||
resultModel: 'measurement',
|
resultModel: 'om:Measurement',
|
||||||
responseMode: 'inline',
|
responseMode: 'inline',
|
||||||
procedure: feature.attributes.id,
|
procedure: feature.attributes.id,
|
||||||
offering: name,
|
offering: name,
|
||||||
observedProperty: offering.observedProperty,
|
observedProperty: offering.observedProperties[0],
|
||||||
responseFormat: this.responseFormat
|
responseFormat: this.responseFormat
|
||||||
});
|
});
|
||||||
OpenLayers.Request.POST({
|
OpenLayers.Request.POST({
|
||||||
@@ -149,7 +149,7 @@
|
|||||||
|
|
||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map( 'map' );
|
map = new OpenLayers.Map( 'map' );
|
||||||
var baseLayer = new OpenLayers.Layer.WMS("Test Layer", "http://labs.metacarta.com/wms/vmap0?", {
|
var baseLayer = new OpenLayers.Layer.WMS("Test Layer", "http://vmap0.tiles.osgeo.org/wms/vmap0?", {
|
||||||
layers: "basic"}, {singleTile: true});
|
layers: "basic"}, {singleTile: true});
|
||||||
|
|
||||||
var sos = new OpenLayers.SOSClient({map: map, url: 'http://v-swe.uni-muenster.de:8080/WeatherSOS/sos?'});
|
var sos = new OpenLayers.SOSClient({map: map, url: 'http://v-swe.uni-muenster.de:8080/WeatherSOS/sos?'});
|
||||||
|
|||||||
@@ -34,9 +34,9 @@
|
|||||||
function init() {
|
function init() {
|
||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var base = new OpenLayers.Layer.WMS("OpenLayers WMS",
|
var base = new OpenLayers.Layer.WMS("OpenLayers WMS",
|
||||||
["http://t3.labs.metacarta.com/wms-c/Basic.py",
|
["http://t3.tilecache.osgeo.org/wms-c/Basic.py",
|
||||||
"http://t2.labs.metacarta.com/wms-c/Basic.py",
|
"http://t2.tilecache.osgeo.org/wms-c/Basic.py",
|
||||||
"http://t1.labs.metacarta.com/wms-c/Basic.py"],
|
"http://t1.tilecache.osgeo.org/wms-c/Basic.py"],
|
||||||
{layers: 'satellite'}
|
{layers: 'satellite'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -40,4 +40,4 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ function init() {
|
|||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: "basic"}
|
{layers: "basic"}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
map = new OpenLayers.Map('map');
|
map = new OpenLayers.Map('map');
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0",
|
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -91,4 +91,4 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
function init(){
|
function init(){
|
||||||
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
map = new OpenLayers.Map('map', {maxResolution:'auto'});
|
||||||
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
"http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
|
|
||||||
@@ -102,4 +102,4 @@
|
|||||||
on the context object passed to the Style constructor.</p>
|
on the context object passed to the Style constructor.</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user