[OpenLayers-Commits] r2954 - sandbox/crschmidt/541/examples
commits at openlayers.org
commits at openlayers.org
Sun Apr 1 17:25:21 EDT 2007
Author: crschmidt
Date: 2007-04-01 17:25:21 -0400 (Sun, 01 Apr 2007)
New Revision: 2954
Added:
sandbox/crschmidt/541/examples/ld-testv.html
Log:
Add ld-test content for debuggin #541.
Added: sandbox/crschmidt/541/examples/ld-testv.html
===================================================================
--- sandbox/crschmidt/541/examples/ld-testv.html (rev 0)
+++ sandbox/crschmidt/541/examples/ld-testv.html 2007-04-01 21:25:21 UTC (rev 2954)
@@ -0,0 +1,178 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="charset" content="utf8">
+ <meta charset="utf8">
+ <style type="text/css">
+ body {
+ font-family: arial, sans-serif;
+ }
+ #samples {
+ position: absolute;
+ top: 0;
+ left: 0;
+ font-size: 8pt;
+ }
+ #samples ul {
+ list-style: none;
+ text-indent: -1em;
+ }
+ #map {
+ position: absolute;
+ top: 0;
+ left: 150;
+ width: 700px;
+ height: 550px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ var lon = 35.5;
+ var lat = 33.5;
+ var zoom = 5;
+ var map;
+
+ var places = {
+ 'Algers' : { lon: 3.0599, lat: 36.7645, zoom: 13},
+ 'Casablanca' : { lon: -7.6160, lat: 33.5932, zoom: 13},
+ 'Iraq' : { lon: 44.0421, lat: 36.1259, zoom: 7},
+ 'Baghdad' : { lon: 44.3965, lat: 33.3312, zoom: 13},
+ 'Cairo' : { lon: 31.2223, lat: 30.0497, zoom: 11},
+ 'Beirut' : { lon: 35.5027, lat: 33.8916, zoom: 11},
+ 'Bejing' : { lon: 116.3668, lat: 39.9332, zoom: 12},
+ 'Guadalajara' : { lon: -103.3518, lat: 20.6829, zoom: 12},
+ 'Mexico City' : { lon: -99.1293, lat: 19.4259, zoom: 12},
+ 'Monterrey' : { lon: -100.3151, lat: 25.6710, zoom: 12},
+ 'Tijuana' : { lon: -117.0178, lat: 32.5270, zoom: 12}
+ }
+
+ function zoomto(loc) {
+ var l = places[loc];
+ map.setCenter(new OpenLayers.LonLat(l.lon, l.lat), l.zoom);
+ return false;
+ }
+
+ function init(){
+ OpenLayers.ProxyHost = "/cgi-bin/proxy.cgi?url=";
+ map = new OpenLayers.Map('map', {
+ scales: [ 3000, 6000, 10000, 15000,
+ 25000, 50000, 100000, 250000, 500000, 1000000,
+ 2500000, 5000000, 10000000, 25000000, 50000000,
+ 100000000, 160000000
+ ],
+ controls:[]
+ });
+ /*
+ var wms = new OpenLayers.Layer.WMS.Untiled( "OpenLayers WMS",
+ "http://mt1.imaptools.com/cgi-bin/mapserv-4.10?map=/u/data/maps/sm500k-wms.map&", {layers: 'topo-status-500k,topos-500k,Borders,Annotation'} );
+ // "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+ wms.addOptions({isBaseLayer: true});
+ */
+
+ var base = new OpenLayers.Layer.MapServer.Untiled(
+ "LeadDog Sample Maps",
+ "http://mt2.imaptools.com/cgi-bin/mapserv-4.10?",
+ { map: "/u/data/maps/ld-demo.map",
+ layers: "all",
+ map_imagetype: "PNG8"
+ });
+ base.addOptions({isBaseLayer: true});
+ base.setVisibility(true);
+ map.addLayer(base);
+
+ var poi = new OpenLayers.Layer.WFS(
+ "POI Data",
+ "http://imaptools.com/cgi-bin/mapserv-4.10?",
+ {
+ map: "/u/data/maps/ld-wfs.map",
+ typename: "PointsOfInterest"
+ , maxfeatures: 50
+ },
+ {
+ ratio: 1.0,
+ extractAttributes: true,
+ minZoomLevel: 13
+ });
+ poi.onFeatureInsert= function(feature) {
+ feature.style.pointRadius="5";
+ feature.style.fillColor="white";
+ feature.layer.renderer.drawGeometry(feature.geometry, feature.style);
+ $('poi_features').innerHTML = feature.layer.features.length;
+ }
+ map.addLayer(poi);
+
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ map.addControl(new OpenLayers.Control.MouseToolbar());
+ map.addControl(new OpenLayers.Control.MousePosition());
+ map.addControl(new OpenLayers.Control.PanZoomBar());
+ map.addControl(new OpenLayers.Control.OverviewMap());
+ map.addControl(new OpenLayers.Control.Scale());
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+
+ map.events.register('moveend', null, function() {
+ $('poi_features').innerHTML = "0";
+ });
+
+ drawControls = {
+ selectPOI: new OpenLayers.Control.SelectFeature(poi,
+ { callbacks:
+ {'up': feature_info,
+ 'move': feature_info_hover
+ }
+ })
+ };
+
+ for (var key in drawControls) {
+ map.addControl(drawControls[key]);
+ }
+ drawControls.selectPOI.activate();
+ }
+
+ var displayedGeom = null;
+ function feature_info_hover(geometry) {
+ if (displayedGeom != geometry &&
+ (!geometry.feature.layer.selectedFeatures.length ||
+ (geometry.feature.layer.selectedFeatures[0].geometry == geometry))) {
+ feature_info(geometry);
+ displayedGeom = geometry;
+ }
+ }
+ function feature_info(geometry) {
+ var html = "<ul>";
+ for(var i in geometry.feature.attributes)
+ html += "<li><b>" + i.substr(3,i.length) + "</b>: "
+ + geometry.feature.attributes[i]
+ + "</li>";
+ html += "</ul>";
+ $('feature_info').innerHTML = html;
+ }
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1>iMaptools International Data Coverage</h1>
+
+ <div style="position: relative;">
+ <div id="samples">
+ <ul>
+ <li><a href="#" onClick="zoomto('Algers')">Algers, DZ</a></li>
+ <li><a href="#" onClick="zoomto('Casablanca')">Casablanca, MA</a></li>
+ <li><a href="#" onClick="zoomto('Iraq')">Iraq Roads</a></li>
+ <li><a href="#" onClick="zoomto('Baghdad')">Baghdad, IQ</a></li>
+ <li><a href="#" onClick="zoomto('Cairo')">Cairo, EG</a></li>
+ <li><a href="#" onClick="zoomto('Beirut')">Beirut, LB</a></li>
+ <li><a href="#" onClick="zoomto('Bejing')">Bejing, CN</a></li>
+ <li><a href="#" onClick="zoomto('Guadalajara')">Guadalajara, MX</a></li>
+ <li><a href="#" onClick="zoomto('Mexico City')">Mexico City, MX</a></li>
+ <li><a href="#" onClick="zoomto('Monterrey')">Monterrey, MX</a></li>
+ <li><a href="#" onClick="zoomto('Tijuana')">Tijuana, MX</a></li>
+ </ul>
+ <p>Features: <span id="poi_features">0</span></p>
+ <div id="feature_info">
+ </div>
+ </div>
+ <div id="map"></div>
+ </div>
+ </body>
+</html>
More information about the Commits
mailing list