All pastes #954551 Raw Edit

Someone

public text v1 · immutable
#954551 ·published 2008-03-23 23:32 UTC
rendered paste body
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Rennes Rollers</title>
    <style type="text/css">
        #map {
            width: 100%;
            height: 100%;
            border: 1px solid black;
        }
    </style>
    <script src="openlayers/lib/Firebug/firebug.js"></script>
    <script src="openlayers/lib/OpenLayers.js"></script>
  </head>
<script type="text/javascript">
<!--
        var lon = -1.679444;
        var lat = 48.114722;
        var zoom = 12;
        var PI = 3.14159265358979323846;
        var map;
        var vlayer;
        var panel;
        var controls;

        lon = lon * 20037508.34 / 180;
        lat = Math.log (Math.tan ((90 + lat) * PI / 360)) / (PI / 180);
        lat = lat * 20037508.34 / 180;

        function get_osm_url (bounds) {
                var res = this.map.getResolution();
                var x = Math.round ((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
                var y = Math.round ((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
                var z = this.map.getZoom();
                var path = z + "/" + x + "/" + y + "." + this.type;
                var url = this.url;
                if (url instanceof Array) {
                        url = this.selectUrl(path, url);
                }
                return url + path;
        }

        function init() {
                //var k = new OpenLayers.Format.KML({'kmlns':'http://earth.google.com/kml/2.1'});
                vlayer = new OpenLayers.Layer.Vector( "Circuit" );
                panel = new OpenLayers.Control.Panel({'displayClass': 'olControlEditingToolbar'});
                controls = {
                        nav: new OpenLayers.Control.Navigation(),
                        line: new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Path,
                                {'displayClass': 'olControlDrawFeaturePath'}),
                        polygon: new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Polygon,
                                {'displayClass': 'olControlDrawFeaturePolygon'}),
                        modify: new OpenLayers.Control.ModifyFeature(vlayer,
                                {'displayClass': 'olControlModifyFeature'})
                };

                OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';

                for (var key in controls) {
                        panel.addControls([controls[key]]);
                }
            
                map = new OpenLayers.Map("map", {
                        controls:[
                                new OpenLayers.Control.LayerSwitcher(),
                                new OpenLayers.Control.MousePosition(),
                        ],
                                //new OpenLayers.Control.MouseDefaults(),
                                //new OpenLayers.Control.PanZoomBar(),
                        units:'meters',
                        numZoomLevels:17,
                        maxResolution:156543,
                        projection: "EPSG:41001",
                        maxExtent: new OpenLayers.Bounds(
                                -20037508.34,
                                -20037508.34,
                                20037508.34,
                                20037508.34),
                });

                map.addLayer(new OpenLayers.Layer.TMS("OpenStreetMap",
                        ["http://osm-tah-cache.firefishy.com/~ojw/Tiles/tile.php/"],
                        {type:'png', getURL: get_osm_url} ));
                //map.addLayer(new OpenLayers.Layer.GML("Circuit 2", "circuit_2.kml", {format: k}));

                map.addLayer(vlayer);
                map.addControl(panel);
                //controls['modify'].activate();
                //panel.activateControl(controls['modify']);
                //panel.activateControl(controls.modify);

                //map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));

                map.setCenter (new OpenLayers.LonLat(lon, lat), zoom);
        }

//-->
</script>
  <body onload="init()">
<!--    <div id="panel"></div>  -->
    <div id="map"></div>
  </body>
</html>