postrunner 0.0.10 → 0.0.11

data/misc/openlayers/examples/mobile-base.js

@@ -1,167 +0,0 @@
-// API key for http://openlayers.org. Please get your own at
-// http://bingmapsportal.com/ and use that instead.
-var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";
-
-// initialize map when page ready
-var map;
-var gg = new OpenLayers.Projection("EPSG:4326");
-var sm = new OpenLayers.Projection("EPSG:900913");
-
-var init = function (onSelectFeatureFunction) {
-
-    var vector = new OpenLayers.Layer.Vector("Vector Layer", {});
-
-    var sprintersLayer = new OpenLayers.Layer.Vector("Sprinters", {
-        styleMap: new OpenLayers.StyleMap({
-            externalGraphic: "img/mobile-loc.png",
-            graphicOpacity: 1.0,
-            graphicWidth: 16,
-            graphicHeight: 26,
-            graphicYOffset: -26
-        })
-    });
-
-    var sprinters = getFeatures();
-    sprintersLayer.addFeatures(sprinters);
-
-    var selectControl = new OpenLayers.Control.SelectFeature(sprintersLayer, {
-        autoActivate:true,
-        onSelect: onSelectFeatureFunction});
-
-    var geolocate = new OpenLayers.Control.Geolocate({
-        id: 'locate-control',
-        geolocationOptions: {
-            enableHighAccuracy: false,
-            maximumAge: 0,
-            timeout: 7000
-        }
-    });
-    // create map
-    map = new OpenLayers.Map({
-        div: "map",
-        theme: null,
-        projection: sm,
-        numZoomLevels: 18,
-        controls: [
-            new OpenLayers.Control.Attribution(),
-            new OpenLayers.Control.TouchNavigation({
-                dragPanOptions: {
-                    enableKinetic: true
-                }
-            }),
-            geolocate,
-            selectControl
-        ],
-        layers: [
-            new OpenLayers.Layer.OSM("OpenStreetMap", null, {
-                transitionEffect: 'resize'
-            }),
-            new OpenLayers.Layer.Bing({
-                key: apiKey,
-                type: "Road",
-                // custom metadata parameter to request the new map style - only useful
-                // before May 1st, 2011
-                metadataParams: {
-                    mapVersion: "v1"
-                },
-                name: "Bing Road",
-                transitionEffect: 'resize'
-            }),
-            new OpenLayers.Layer.Bing({
-                key: apiKey,
-                type: "Aerial",
-                name: "Bing Aerial",
-                transitionEffect: 'resize'
-            }),
-            new OpenLayers.Layer.Bing({
-                key: apiKey,
-                type: "AerialWithLabels",
-                name: "Bing Aerial + Labels",
-                transitionEffect: 'resize'
-            }),
-            vector,
-            sprintersLayer
-        ],
-        center: new OpenLayers.LonLat(0, 0),
-        zoom: 1
-    });
-
-    var style = {
-        fillOpacity: 0.1,
-        fillColor: '#000',
-        strokeColor: '#f00',
-        strokeOpacity: 0.6
-    };
-    geolocate.events.register("locationupdated", this, function(e) {
-        vector.removeAllFeatures();
-        vector.addFeatures([
-            new OpenLayers.Feature.Vector(
-                e.point,
-                {},
-                {
-                    graphicName: 'cross',
-                    strokeColor: '#f00',
-                    strokeWidth: 2,
-                    fillOpacity: 0,
-                    pointRadius: 10
-                }
-            ),
-            new OpenLayers.Feature.Vector(
-                OpenLayers.Geometry.Polygon.createRegularPolygon(
-                    new OpenLayers.Geometry.Point(e.point.x, e.point.y),
-                    e.position.coords.accuracy / 2,
-                    50,
-                    0
-                ),
-                {},
-                style
-            )
-        ]);
-        map.zoomToExtent(vector.getDataExtent());
-    });
-
-    function getFeatures() {
-        var features = {
-            "type": "FeatureCollection",
-            "features": [
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [1332700, 7906300]},
-                    "properties": {"Name": "Igor Tihonov", "Country":"Sweden", "City":"Gothenburg"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [790300, 6573900]},
-                    "properties": {"Name": "Marc Jansen", "Country":"Germany", "City":"Bonn"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [568600, 6817300]},
-                    "properties": {"Name": "Bart van den Eijnden", "Country":"Netherlands", "City":"Utrecht"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [-7909900, 5215100]},
-                    "properties": {"Name": "Christopher Schmidt", "Country":"United States of America", "City":"Boston"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [-937400, 5093200]},
-                    "properties": {"Name": "Jorge Gustavo Rocha", "Country":"Portugal", "City":"Braga"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [-355300, 7547800]},
-                    "properties": {"Name": "Jennie Fletcher ", "Country":"Scotland", "City":"Edinburgh"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [657068.53608487, 5712321.2472725]},
-                    "properties": {"Name": "Bruno Binet ", "Country":"France", "City":"Chambéry"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [667250.8958124, 5668048.6072737]},
-                    "properties": {"Name": "Eric Lemoine", "Country":"France", "City":"Theys"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [653518.03606319, 5721118.5122914]},
-                    "properties": {"Name": "Antoine Abt", "Country":"France", "City":"La Motte Servolex"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [657985.78042416, 5711862.6251028]},
-                    "properties": {"Name": "Pierre Giraud", "Country":"France", "City":"Chambéry"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [742941.93818208, 5861818.9477535]},
-                    "properties": {"Name": "Stéphane Brunner", "Country":"Switzerland", "City":"Paudex"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [736082.61064069, 5908165.4649505]},
-                    "properties": {"Name": "Frédéric Junod", "Country":"Switzerland", "City":"Montagny-près-Yverdon"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [771595.97057525, 5912284.7041793]},
-                    "properties": {"Name": "Cédric Moullet", "Country":"Switzerland", "City":"Payerne"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [744205.23922364, 5861277.319748]},
-                    "properties": {"Name": "Benoit Quartier", "Country":"Switzerland", "City":"Lutry"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [1717430.147101, 5954568.7127565]},
-                    "properties": {"Name": "Andreas Hocevar", "Country":"Austria", "City":"Graz"}},
-                { "type": "Feature", "geometry": {"type": "Point", "coordinates": [-12362007.067301,5729082.2365672]},
-                    "properties": {"Name": "Tim Schaub", "Country":"United States of America", "City":"Bozeman"}}
-            ]
-        };
-
-        var reader = new OpenLayers.Format.GeoJSON();
-
-        return reader.read(features);
-    }
-
-};

data/misc/openlayers/examples/mobile-drawing.html

@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>OpenLayers Mobile Drawing</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-        <meta name="apple-mobile-web-app-capable" content="yes">
-        <link rel="stylesheet" href="../theme/default/style.mobile.css" type="text/css">
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
-        <script src="../lib/OpenLayers.js?mobile"></script>
-        <script src="mobile-drawing.js"></script>
-        <style>
-            html, body {
-                margin: 0;
-                padding: 0;
-                height: 100%;
-            }
-            #map {
-                position: relative;
-                width: 100%;
-                height: 100%;
-            }
-            .olControlAttribution {
-                font-size: 10px;
-                bottom: 5px;
-                right: 5px;
-            }
-            .olControlEditingToolbar .olControlModifyFeatureItemInactive {
-                background-position: -1px -1px;
-            }
-            .olControlEditingToolbar .olControlModifyFeatureItemActive {
-                background-position: -1px -24px;
-            }
-            #title, #tags, #shortdesc {
-                display: none;
-            }
-        </style>
-    </head>
-    <body>
-        <h1 id="title">Mobile Drawing Example</h1>
-        <div id="tags">
-            mobile, drawing
-        </div>
-        <p id="shortdesc">
-            A full-screen map with drawing tools for mobile devices.
-        </p>
-        <div id="map"></div>
-        <script>
-            init();
-        </script>
-    </body>
-</html>

data/misc/openlayers/examples/mobile-drawing.js

@@ -1,71 +0,0 @@
-function init() {
-
-    // create a vector layer for drawing
-    var vector = new OpenLayers.Layer.Vector('Vector Layer', {
-        styleMap: new OpenLayers.StyleMap({
-            temporary: OpenLayers.Util.applyDefaults({
-                pointRadius: 16
-            }, OpenLayers.Feature.Vector.style.temporary),
-            'default': OpenLayers.Util.applyDefaults({
-                pointRadius: 16,
-                strokeWidth: 3,
-            }, OpenLayers.Feature.Vector.style['default']),
-            select: OpenLayers.Util.applyDefaults({
-                pointRadius: 16,
-                strokeWidth: 3
-            }, OpenLayers.Feature.Vector.style.select)
-        })
-    });
-
-    // OpenLayers' EditingToolbar internally creates a Navigation control, we
-    // want a TouchNavigation control here so we create our own editing toolbar
-    var toolbar = new OpenLayers.Control.Panel({
-        displayClass: 'olControlEditingToolbar'
-    });
-    toolbar.addControls([
-        // this control is just there to be able to deactivate the drawing
-        // tools
-        new OpenLayers.Control({
-            displayClass: 'olControlNavigation'
-        }),
-        new OpenLayers.Control.ModifyFeature(vector, {
-            vertexRenderIntent: 'temporary',
-            displayClass: 'olControlModifyFeature'
-        }),
-        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Point, {
-            displayClass: 'olControlDrawFeaturePoint'
-        }),
-        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Path, {
-            displayClass: 'olControlDrawFeaturePath'
-        }),
-        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Polygon, {
-            displayClass: 'olControlDrawFeaturePolygon'
-        })
-    ]);
-
-    var osm = new OpenLayers.Layer.OSM();
-    osm.wrapDateLine = false;
-
-    map = new OpenLayers.Map({
-        div: 'map',
-        projection: 'EPSG:900913',
-        numZoomLevels: 18,
-        controls: [
-            new OpenLayers.Control.TouchNavigation({
-                dragPanOptions: {
-                    enableKinetic: true
-                }
-            }),
-            new OpenLayers.Control.Zoom(),
-            toolbar
-        ],
-        layers: [osm, vector],
-        center: new OpenLayers.LonLat(0, 0),
-        zoom: 1,
-        theme: null
-    });
-
-    // activate the first control to render the "navigation icon"
-    // as active
-    toolbar.controls[0].activate();
-}

data/misc/openlayers/examples/mobile-jq.html

@@ -1,76 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-        <title>OpenLayers with jQuery Mobile</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-        <meta name="apple-mobile-web-app-capable" content="yes">
-        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
-        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
-        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
-        <link rel="stylesheet" href="../theme/default/style.mobile.css" type="text/css">
-        <link rel="stylesheet" href="style.mobile-jq.css" type="text/css">
-        <script src="../lib/OpenLayers.js?mobile"></script>
-        <script src="mobile-base.js"></script>
-        <script src="mobile-jq.js"></script>
-    </head>
-    <body>
-        <h1 id="title">OpenLayers with jQuery Mobile</h1>
-        <div id="tags">
-          mobile, jquery
-        </div>
-        <p id="shortdesc">
-          Using jQuery Mobile to display an OpenLayers map.
-        </p>
-
-        <div data-role="page" id="mappage">
-          <div data-role="content">
-            <div id="map"></div>
-          </div>
-
-          <div data-role="footer">
-            <a href="#searchpage" data-icon="search" data-role="button">Search</a>
-            <a href="#" id="locate" data-icon="locate" data-role="button">Locate</a>
-            <a href="#layerspage" data-icon="layers" data-role="button">Layers</a>
-          </div>
-          <div id="navigation" data-role="controlgroup" data-type="vertical">
-            <a href="#" data-role="button" data-icon="plus" id="plus"
-               data-iconpos="notext"></a>
-            <a href="#" data-role="button" data-icon="minus" id="minus"
-               data-iconpos="notext"></a>
-          </div>
-        </div>
-
-        <div data-role="page" id="searchpage">
-          <div data-role="header">
-            <h1>Search</h1>
-          </div>
-          <div data-role="fieldcontain">
-            <input type="search" name="query" id="query"
-                   value="" placeholder="Search for places"
-                   autocomplete="off"/>
-          </div>
-          <ul data-role="listview" data-inset="true" id="search_results"></ul> 
-        </div>
-
-        <div data-role="page" id="layerspage">
-          <div data-role="header">
-            <h1>Layers</h1>
-          </div>
-          <div data-role="content">
-            <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="c" id="layerslist">
-            </ul>
-          </div>
-        </div>
-
-        <div id="popup" data-role="dialog">
-            <div data-position="inline" data-theme="d" data-role="header">
-                <h1>Details</h1>
-            </div>
-            <div data-theme="c" data-role="content">
-                <ul id="details-list" data-role="listview">
-                </ul>
-            </div>
-        </div>
-    </body>
-</html>

data/misc/openlayers/examples/mobile-jq.js

@@ -1,159 +0,0 @@
-// Start with the map page
-window.location.replace(window.location.href.split("#")[0] + "#mappage");
-
-var selectedFeature = null;
-
-// fix height of content
-function fixContentHeight() {
-    var footer = $("div[data-role='footer']:visible"),
-        content = $("div[data-role='content']:visible:visible"),
-        viewHeight = $(window).height(),
-        contentHeight = viewHeight - footer.outerHeight();
-
-    if ((content.outerHeight() + footer.outerHeight()) !== viewHeight) {
-        contentHeight -= (content.outerHeight() - content.height() + 1);
-        content.height(contentHeight);
-    }
-
-    if (window.map && window.map instanceof OpenLayers.Map) {
-        map.updateSize();
-    } else {
-        // initialize map
-        init(function(feature) { 
-            selectedFeature = feature; 
-            $.mobile.changePage("#popup", "pop"); 
-        });
-        initLayerList();
-    }
-}
-
-// one-time initialisation of button handlers 
-
-$("#plus").live('click', function(){
-    map.zoomIn();
-});
-
-$("#minus").live('click', function(){
-    map.zoomOut();
-});
-
-$("#locate").live('click',function(){
-    var control = map.getControlsBy("id", "locate-control")[0];
-    if (control.active) {
-        control.getCurrentLocation();
-    } else {
-        control.activate();
-    }
-});
-
-//fix the content height AFTER jQuery Mobile has rendered the map page
-$('#mappage').live('pageshow',function (){
-    fixContentHeight();
-});
-    
-$(window).bind("orientationchange resize pageshow", fixContentHeight);
-
-
-
-$('#popup').live('pageshow',function(event, ui){
-    var li = "";
-    for(var attr in selectedFeature.attributes){
-        li += "<li><div style='width:25%;float:left'>" + attr + "</div><div style='width:75%;float:right'>" 
-        + selectedFeature.attributes[attr] + "</div></li>";
-    }
-    $("ul#details-list").empty().append(li).listview("refresh");
-});
-
-$('#searchpage').live('pageshow',function(event, ui){
-    $('#query').bind('change', function(e){
-        $('#search_results').empty();
-        if ($('#query')[0].value === '') {
-            return;
-        }
-        $.mobile.showPageLoadingMsg();
-
-        // Prevent form send
-        e.preventDefault();
-
-        var searchUrl = 'http://ws.geonames.org/searchJSON?featureClass=P&maxRows=10';
-        searchUrl += '&name_startsWith=' + $('#query')[0].value;
-        $.getJSON(searchUrl, function(data) {
-            $.each(data.geonames, function() {
-                var place = this;
-                $('<li>')
-                    .hide()
-                    .append($('<h2 />', {
-                        text: place.name
-                    }))
-                    .append($('<p />', {
-                        html: '<b>' + place.countryName + '</b> ' + place.fcodeName
-                    }))
-                    .appendTo('#search_results')
-                    .click(function() {
-                        $.mobile.changePage('#mappage');
-                        var lonlat = new OpenLayers.LonLat(place.lng, place.lat);
-                        map.setCenter(lonlat.transform(gg, sm), 10);
-                    })
-                    .show();
-            });
-            $('#search_results').listview('refresh');
-            $.mobile.hidePageLoadingMsg();
-        });
-    });
-    // only listen to the first event triggered
-    $('#searchpage').die('pageshow', arguments.callee);
-});
-
-
-function initLayerList() {
-    $('#layerspage').page();
-    $('<li>', {
-            "data-role": "list-divider",
-            text: "Base Layers"
-        })
-        .appendTo('#layerslist');
-    var baseLayers = map.getLayersBy("isBaseLayer", true);
-    $.each(baseLayers, function() {
-        addLayerToList(this);
-    });
-
-    $('<li>', {
-            "data-role": "list-divider",
-            text: "Overlay Layers"
-        })
-        .appendTo('#layerslist');
-    var overlayLayers = map.getLayersBy("isBaseLayer", false);
-    $.each(overlayLayers, function() {
-        addLayerToList(this);
-    });
-    $('#layerslist').listview('refresh');
-    
-    map.events.register("addlayer", this, function(e) {
-        addLayerToList(e.layer);
-    });
-}
-
-function addLayerToList(layer) {
-    var item = $('<li>', {
-            "data-icon": "check",
-            "class": layer.visibility ? "checked" : ""
-        })
-        .append($('<a />', {
-            text: layer.name
-        })
-            .click(function() {
-                $.mobile.changePage('#mappage');
-                if (layer.isBaseLayer) {
-                    layer.map.setBaseLayer(layer);
-                } else {
-                    layer.setVisibility(!layer.getVisibility());
-                }
-            })
-        )
-        .appendTo('#layerslist');
-    layer.events.on({
-        'visibilitychanged': function() {
-            $(item).toggleClass('checked');
-        }
-    });
-}