Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>Контроль и отслеживание android-устройства</title>
- <link rel="shortcut icon" href="images/icon.png" type="image/png">
- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"/>
- </head>
- <body>
- <div id="map" style="width: 100%; height: 800px"></div>
- <script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
- <script src="leaflet-src.js"></script>
- <script type="text/javascript" src="../dist/leaflet.ajax.js"></script>
- <script src="spin.js"></script>
- <script src="leaflet.spin.js"></script>
- <script>
- var map = L.map('map').setView([56.740842, 37.223517], 17);
- mapLink =
- '<a href="http://openstreetmap.org">OpenStreetMap</a>';
- L.tileLayer(
- 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
- attribution: '© ' + mapLink + ' Contributors',
- maxZoom: 18,
- }).addTo(map);
- var planes = [
- ["04.06.2017 20:00",56.740842, 37.223517],
- ["04.06.2017 20:05",56.739763, 37.223356],
- ["04.06.2017 20:10",56.739887, 37.219001],
- ];
- for (var i = 0; i < planes.length; i++) {
- marker = new L.marker([planes[i][1],planes[i][2]])
- .bindPopup(planes[i][0])
- .addTo(map);
- }
- var polyline = L.polyline([
- [56.740842, 37.223517],
- [56.739763, 37.223356],
- [56.739887, 37.219001]
- ],
- {
- color: 'red',
- weight: 7,
- opacity: .7,
- dashArray: '20,15',
- lineJoin: 'round'
- }
- ).addTo(map);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement