Compare commits
9 Commits
release-2.
...
release-2.
| Author | SHA1 | Date | |
|---|---|---|---|
|
07dada3e0f | ||
|
|
0a87606285 | ||
|
|
12264fb33a | ||
|
|
91752898e0 | ||
|
|
ac1e566b70 | ||
|
|
9359035324 | ||
|
|
21b5141c09 | ||
|
|
bada3d98a1 | ||
|
|
2150a2c783 |
@@ -4,7 +4,6 @@ import sys
|
|||||||
sys.path.append("../tools")
|
sys.path.append("../tools")
|
||||||
import mergejs
|
import mergejs
|
||||||
|
|
||||||
def build():
|
|
||||||
have_compressor = None
|
have_compressor = None
|
||||||
try:
|
try:
|
||||||
import jsmin
|
import jsmin
|
||||||
@@ -49,6 +48,3 @@ def build():
|
|||||||
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-2010 OpenLayers Contributors, released under the Clear BSD
|
Copyright 2005-2008 MetaCarta, Inc., released under the Clear BSD license.
|
||||||
license. Please see http://svn.openlayers.org/trunk/openlayers/license.txt
|
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:
|
||||||
|
|||||||
@@ -1,196 +0,0 @@
|
|||||||
<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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?",
|
"http://labs.metacarta.com/wms/vmap0?",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
map.addLayer(wms);
|
map.addLayer(wms);
|
||||||
|
|||||||
@@ -1,29 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
||||||
{'attribution': 'Provided by OSGeo'});
|
{'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
|
||||||
|
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://www.openlayers.org/dev/img/marker.png';
|
var url = 'http://boston.openguides.org/markers/AQUA.png';
|
||||||
var sz = new OpenLayers.Size(21, 25);
|
var sz = new OpenLayers.Size(10, 17);
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"OpenLayers WMS", "http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
|
|||||||
@@ -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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"OpenLayers WMS", "http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -1,48 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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,6 +37,7 @@
|
|||||||
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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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"));
|
||||||
|
|||||||
@@ -1,28 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
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);
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
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,20 +23,19 @@
|
|||||||
<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: [
|
||||||
graticuleCtl1,
|
new OpenLayers.Control.Graticule({
|
||||||
|
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()
|
||||||
@@ -44,7 +43,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}, {wrapDateLine: true} );
|
{layers: 'basic'}, {wrapDateLine: true} );
|
||||||
|
|
||||||
map1.addLayers([ol_wms]);
|
map1.addLayers([ol_wms]);
|
||||||
@@ -53,13 +52,12 @@
|
|||||||
|
|
||||||
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: [
|
||||||
graticuleCtl2,
|
new OpenLayers.Control.Graticule({
|
||||||
|
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()
|
||||||
@@ -100,12 +98,5 @@
|
|||||||
<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://vmap0.tiles.osgeo.org/wms/vmap0',
|
'http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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",
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -1,36 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'},
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'}, {singleTile: true} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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(21, 25);
|
size = new OpenLayers.Size(50,50);
|
||||||
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://www.openlayers.org/dev/img/marker.png',
|
'http://boston.openguides.org/markers/AQUA.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
Normal file → Executable file
0
examples/marker_shadow.png
Normal file → Executable 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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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(21,25);
|
var size = new OpenLayers.Size(10,17);
|
||||||
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://www.openlayers.org/dev/img/marker.png',size,offset);
|
var icon = new OpenLayers.Icon('http://boston.openguides.org/markers/AQUA.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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'} );
|
{layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
map.zoomToMaxExtent();
|
map.zoomToMaxExtent();
|
||||||
|
|||||||
@@ -12,8 +12,7 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
<!-- multimap api key for http://(www.)openlayers.org -->
|
<script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
|
||||||
<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">
|
||||||
@@ -35,9 +34,11 @@
|
|||||||
{'sphericalMercator': true}
|
{'sphericalMercator': true}
|
||||||
);
|
);
|
||||||
merc = new OpenLayers.Layer.WMS("World Map",
|
merc = new OpenLayers.Layer.WMS("World Map",
|
||||||
"http://maps.opengeo.org/geowebcache/service/wms",
|
"http://world.freemap.in/tiles/",
|
||||||
{'layers': 'bluemarble'},
|
{'layers': 'factbook-overlay',
|
||||||
{'opacity': 0.4,
|
'format':'png'},
|
||||||
|
{'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://tilecache.osgeo.org/wms-c/Basic.py",
|
var urlArray = ["http://t1.labs.metacarta.com/wms-c/Basic.py",
|
||||||
"http://tilecache.osgeo.org/wms-c/Basic.py"];
|
"http://t2.labs.metacarta.com/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.getParameters();
|
theArgs = OpenLayers.Util.getArgs();
|
||||||
} 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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'},
|
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
|
||||||
{ singleTile: true, ratio: 1 } );
|
{ singleTile: true, ratio: 1 } );
|
||||||
new_ol_wms.addOptions({isBaseLayer: true});
|
new_ol_wms.addOptions({isBaseLayer: true});
|
||||||
|
|
||||||
|
|||||||
@@ -1,27 +0,0 @@
|
|||||||
<!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>
|
|
||||||
@@ -1,28 +0,0 @@
|
|||||||
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,12 +10,7 @@
|
|||||||
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.setCenter(
|
map.zoomToMaxExtent();
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -75,13 +75,15 @@
|
|||||||
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,
|
||||||
@@ -97,7 +99,6 @@
|
|||||||
|
|
||||||
// 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,
|
||||||
@@ -110,6 +111,9 @@
|
|||||||
|
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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:white;
|
background-color:red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|
||||||
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
vlayer = new OpenLayers.Layer.Vector( "Editable" );
|
||||||
@@ -78,12 +78,6 @@
|
|||||||
{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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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
Normal file → Executable file
0
examples/popupMatrix.jpg
Normal file → Executable 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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{"layers": "basic"}
|
{"layers": "basic"}
|
||||||
);
|
);
|
||||||
map.addLayer(layer);
|
map.addLayer(layer);
|
||||||
|
|||||||
@@ -20,8 +20,7 @@ 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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0?", {layers: 'basic'});
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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");
|
||||||
|
|||||||
@@ -1,65 +0,0 @@
|
|||||||
<!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
Normal file → Executable file
0
examples/small.jpg
Normal file → Executable 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.observedProperties[0] === property) {
|
if (offering.observedProperty === 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: 'om:Measurement',
|
resultModel: 'measurement',
|
||||||
responseMode: 'inline',
|
responseMode: 'inline',
|
||||||
procedure: feature.attributes.id,
|
procedure: feature.attributes.id,
|
||||||
offering: name,
|
offering: name,
|
||||||
observedProperty: offering.observedProperties[0],
|
observedProperty: offering.observedProperty,
|
||||||
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://vmap0.tiles.osgeo.org/wms/vmap0?", {
|
var baseLayer = new OpenLayers.Layer.WMS("Test Layer", "http://labs.metacarta.com/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.tilecache.osgeo.org/wms-c/Basic.py",
|
["http://t3.labs.metacarta.com/wms-c/Basic.py",
|
||||||
"http://t2.tilecache.osgeo.org/wms-c/Basic.py",
|
"http://t2.labs.metacarta.com/wms-c/Basic.py",
|
||||||
"http://t1.tilecache.osgeo.org/wms-c/Basic.py"],
|
"http://t1.labs.metacarta.com/wms-c/Basic.py"],
|
||||||
{layers: 'satellite'}
|
{layers: 'satellite'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ function init() {
|
|||||||
|
|
||||||
var wms = new OpenLayers.Layer.WMS(
|
var wms = new OpenLayers.Layer.WMS(
|
||||||
"OpenLayers WMS",
|
"OpenLayers WMS",
|
||||||
"http://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -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://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
|
"http://labs.metacarta.com/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);
|
||||||
|
|
||||||
|
|||||||
@@ -13,7 +13,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://vmap0.tiles.osgeo.org/wms/vmap0",
|
"http://labs.metacarta.com/wms/vmap0",
|
||||||
{layers: 'basic'}
|
{layers: 'basic'}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user