source: ntrip/trunk/BNC/src/map/map_osm.html @ 9243

Last change on this file since 9243 was 9243, checked in by stuerze, 5 months ago

minor changes

File size: 2.6 KB
Line 
1<!DOCTYPE HTML>
2<html>
3
4  <head>
5    <title>BNC OpenStreetMap View</title>
6    <style type="text/css">
7      html, body, #basicMap {
8          width: 100%;
9          height: 100%;
10          margin: 0;
11      }
12    </style>
13
14    <script src="http://openlayers.org/api/OpenLayers.js" ></script>
15
16    <script>
17      var map;
18      var markers;
19      var marker;
20      var icon;
21      var traceIcon;
22      var fromProjection;
23      var toProjection;
24      var dotSize;
25      var dotColor;
26      var zoom;
27
28      function initialize(lat, lon, mapWinDotSize, mapWinDotColor) {
29        dotSize = mapWinDotSize;
30            dotColor = mapWinDotColor;
31
32        if (dotSize > 10) dotSize = 10;
33
34        map = new OpenLayers.Map("basicMap",
35                                 {controls:[
36                                  new OpenLayers.Control.Navigation(),
37                                  new OpenLayers.Control.PanZoomBar()]});
38        fromProjection = new OpenLayers.Projection("EPSG:4326");   // WGS 1984
39        toProjection   = new OpenLayers.Projection("EPSG:900913"); // Spherical Mercator
40        zoom           = 0;
41
42        map.addLayer(new OpenLayers.Layer.OSM());
43        var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
44
45        var size    = new OpenLayers.Size(40,40);
46        var offset  = new OpenLayers.Pixel(-size.w/2, -size.h/2);
47        icon        = new OpenLayers.Icon("qrc:///map/crosshair.png", size, offset);
48
49        var sizeT   = new OpenLayers.Size(dotSize,dotSize);
50            var offsetT = new OpenLayers.Pixel(-sizeT.w/2, -13);
51            if (dotColor == 1) {
52          traceIcon   = new OpenLayers.Icon("qrc:///map/reddot.png", sizeT, offsetT);
53        }
54            if (dotColor == 2) {
55          traceIcon   = new OpenLayers.Icon("qrc:///map/yellowdot.png", sizeT, offsetT);
56            }
57
58        markers = new OpenLayers.Layer.Markers("Markers");
59        marker  = new OpenLayers.Marker(position, icon);
60        markers.addMarker(marker);
61
62        map.addLayer(markers);
63
64        map.setCenter(position, 3);
65      }
66
67      function gotoLocation(lat, lon) {
68        var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
69        if (zoom == 0) {
70          zoom = 15;
71          map.setCenter(position, zoom);
72        }
73        else {
74          map.setCenter(position);
75        }
76        markers.removeMarker(marker);
77        marker = new OpenLayers.Marker(position, icon);
78        markers.addMarker(marker);
79        if (dotSize > 0) {
80          var trace = new OpenLayers.Marker(position, traceIcon.clone());
81          markers.addMarker(trace);
82        }
83      }
84
85    </script>
86
87  </head>
88
89  <body>
90    <div id="basicMap"></div>
91  </body>
92
93</html>
Note: See TracBrowser for help on using the repository browser.