list course view

rowers/interactiveplots.py

@@ -1,5 +1,8 @@
 import colorsys
-from rowers.models import Workout, User, Rower, WorkoutForm,RowerForm,GraphImage
+from rowers.models import (
+    Workout, User, Rower, WorkoutForm,RowerForm,
+    GraphImage,GeoPolygon,GeoCourse,GeoPoint
+    )
 from rowingdata import rower as rrower
 from rowingdata import main as rmain
 from rowingdata import cumcpdata,histodata
@@ -35,6 +38,10 @@ from bokeh.core.properties import value
 from collections import OrderedDict
 from django.conf import settings
 
+from courses import (
+    course_coord_center,course_coord_maxmin,
+    )
+
 import datetime
 import math
 import numpy as np
@@ -707,6 +714,124 @@ def interactive_histoall(theworkouts):
     script, div = components(plot)
     return [script,div]
 
+def course_map(course):
+    latmean,lonmean,coordinates = course_coord_center(course)
+    lat_min, lat_max, long_min, long_max = course_coord_maxmin(course)
+
+    scoordinates = "["
+
+    for index,row in coordinates.iterrows():
+        scoordinates += """[{x},{y}],
+        """.format(
+            x=row['latitude'],
+            y=row['longitude']
+        )
+
+    scoordinates +="]"
+
+    polygons = GeoPolygon.objects.filter(course=course).order_by("order_in_course")
+
+    
+    pcoordinates = """[
+    """
+
+    for p in polygons:
+        pcoordinates += """[
+        ["""
+
+        points = GeoPoint.objects.filter(polygon=p).order_by("order_in_poly")
+
+        for pt in points:
+            pcoordinates += "[{x},{y}],".format(
+                x = pt.latitude,
+                y = pt.longitude
+                )
+
+        # remove last comma
+        pcoordinates = pcoordinates[:-1]
+        pcoordinates += """]
+        ],
+        """
+
+    pcoordinates += """
+    ]"""
+
+
+    print pcoordinates
+
+    script = """
+    <script>
+      
+      
+    var streets = L.tileLayer('https://api.tiles.mapbox.com/v4/{{id}}/{{z}}/{{x}}/{{y}}.png?access_token=pk.eyJ1Ijoic2FuZGVycm9vc2VuZGFhbCIsImEiOiJjajY3aTRkeWQwNmx6MzJvMTN3andlcnBlIn0.MFG8Xt0kDeSA9j7puZQ9hA', {{
+		maxZoom: 18,
+		id: 'mapbox.streets'
+    }}),
+
+    satellite = L.tileLayer('https://api.tiles.mapbox.com/v4/{{id}}/{{z}}/{{x}}/{{y}}.png?access_token=pk.eyJ1Ijoic2FuZGVycm9vc2VuZGFhbCIsImEiOiJjajY3aTRkeWQwNmx6MzJvMTN3andlcnBlIn0.MFG8Xt0kDeSA9j7puZQ9hA', {{
+		maxZoom: 18,
+		id: 'mapbox.satellite'
+    }}),
+
+    outdoors = L.tileLayer('https://api.tiles.mapbox.com/v4/{{id}}/{{z}}/{{x}}/{{y}}.png?access_token=pk.eyJ1Ijoic2FuZGVycm9vc2VuZGFhbCIsImEiOiJjajY3aTRkeWQwNmx6MzJvMTN3andlcnBlIn0.MFG8Xt0kDeSA9j7puZQ9hA', {{
+		maxZoom: 18,
+		id: 'mapbox.outdoors'
+    }});
+
+
+
+    var mymap = L.map('map_canvas', {{
+              center: [{latmean}, {lonmean}],
+              zoom: 13, 
+              layers: [streets, satellite]
+              }}).setView([{latmean},{lonmean}], 13);
+
+    var navionics = new JNC.Leaflet.NavionicsOverlay({{
+         navKey: 'Navionics_webapi_03205',
+         chartType: JNC.NAVIONICS_CHARTS.NAUTICAL,
+         isTransparent: true,
+         zIndex: 1
+    }});
+
+
+   var osmUrl2='http://tiles.openseamap.org/seamark/{{z}}/{{x}}/{{y}}.png';
+   var osmUrl='http://{{s}}.tile.openstreetmap.org/{{z}}/{{x}}/{{y}}.png';
+
+
+    //create two TileLayer
+    var nautical=new L.TileLayer(osmUrl,{{
+             maxZoom:18}});
+
+
+    L.control.layers({{
+        "Streets": streets,
+        "Satellite": satellite,
+        "Outdoors": outdoors,
+        "Nautical": nautical,
+    }},{{
+        "Navionics":navionics,
+    }}).addTo(mymap);
+ 
+    var latlongs = {scoordinates}
+    var polyline = L.polyline(latlongs, {{color:'red'}}).addTo(mymap)
+    mymap.fitBounds(polyline.getBounds())
+
+    var platlongs = {pcoordinates}
+    var polygons = L.polygon(platlongs, {{color:'blue'}}).addTo(mymap)
+
+    </script>
+      """.format(
+          latmean=latmean,
+          lonmean=lonmean,
+          scoordinates=scoordinates,
+          pcoordinates=pcoordinates
+          )
+
+    div = """
+    <div id="map_canvas" style="width: 100%; height: 400px;"><p>&nbsp;</p></div>
+    """
+
+    return script,div
 
 def leaflet_chart(lat,lon,name=""):
     if lat.empty or lon.empty: