diff options
Diffstat (limited to 'templates/includes/map_entry_list_template.html')
| -rw-r--r-- | templates/includes/map_entry_list_template.html | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/templates/includes/map_entry_list_template.html b/templates/includes/map_entry_list_template.html new file mode 100644 index 0000000..968e29d --- /dev/null +++ b/templates/includes/map_entry_list_template.html @@ -0,0 +1,89 @@ +{% load typogrify %} +{% load truncateletters %} +{% load slugify_under %} +<script type="text/javascript"> + var map = null; + function JLngLat(a,b) { + return new GLatLng(b,a) + } + function initialize() { + if (GBrowserIsCompatible()) { + var tinyIcon = new GIcon(); + tinyIcon.image = "http://media.luxagraf.net/img/marker-entry.png"; + tinyIcon.shadow = "http://media.luxagraf.net/img/shadow.png"; + tinyIcon.iconSize = new GSize(12, 20); + tinyIcon.shadowSize = new GSize(22, 20); + tinyIcon.iconAnchor = new GPoint(6, 20); + tinyIcon.infoWindowAnchor = new GPoint(5, 5); + + //var iconOptions = {}; + //iconOptions.primaryColor = "#a53503"; + //iconOptions.strokeColor = "#201a11"; + //var icon = MapIconMaker.createLabeledMarkerIcon(iconOptions); + + var location = window.location.hash; + var pts = new Array(); + {%for c in country_list%}pts[{{forloop.counter0}}] = ["#{{c.slug}}", {{c.lat}},{{c.lon}},{{c.zoom_level}}];{% endfor %} + {%for c in region_list%}pts[pts.length] = ["#{{c.slug}}", {{c.lat}},{{c.lon}},{{c.zoom_level}}];{% endfor %} + if (location.length>1) { + for (i=0;i<pts.length;i++) { + if (location == pts[i][0]) { + point = new GLatLng(pts[i][1],pts[i][2]); + zoom = pts[i][3]; + break; + } else { + point = new GLatLng(19.311143,2.460938); + zoom = 2; + } + } + } else { + point = new GLatLng(19.311143,2.460938); + zoom = 2; + } + + // create a new map. + map = new GMap2(document.getElementById("map-canvas")); + map.enableContinuousZoom() + map.setCenter(point, zoom, G_PHYSICAL_MAP); + + // basic control and overview (closed by default) + map.addControl(new GSmallZoomControl()); + //var ov = new GOverviewMapControl(); + //map.addControl(ov); + //ov.hide(true); + + // Add a marker for each project + + {% for entry in object_list %} + point_{{entry.title|truncatewords:2|slugify_under}} = JLngLat{{entry.point.coords}}; + markerOptions = { clickable:true, draggable:false, icon:tinyIcon}; + marker_{{entry.title|truncatewords:2|slugify_under}} = new GMarker(point_{{entry.title|truncatewords:2|slugify_under}}, markerOptions); + map.addOverlay(marker_{{entry.title|truncatewords:2|slugify_under}}); + marker_{{entry.title|truncatewords:2|slugify_under}}.info_window_content = '<div class="mcanvas"><h4>{{entry.title}}<\/h4><span>{{entry.pub_date|date:"F j, Y"}} ({% ifequal entry.location.state.country.name "United States" %}{{entry.location.name|smartypants|safe}}, {{entry.location.state.name}}){%else%}{{entry.location.name|smartypants|safe}}, {{entry.location.state.country.name}}){%endifequal%}<\/span><p><img src="{{entry.get_thumbnail_url}}" height="100" alt="{{ entry.title }}" \/>{{entry.dek|escapejs}} <a href="{{entry.get_absolute_url}}">Read it »<\/a><\/p><\/div>' + marker_{{entry|truncatewords:2|slugify_under}}.bindInfoWindowHtml(marker_{{entry|truncatewords:2|slugify_under}}.info_window_content, {maxWidth:400}); + GEvent.addListener(marker_{{entry.title|truncatewords:2|slugify_under}}, "click", function() { + map.panTo(point_{{entry.title|truncatewords:2|slugify_under}}, 2); + }); + + {% endfor %} + } + } + + // center on a country + function focusCountry(latitude, longitude, zoom) { + map.setZoom(zoom); + map.panTo(new GLatLng(latitude, longitude)) + } + function addRoute(line,levels,color,lat,lon,zoom){ + var encodedPolyline = new GPolyline.fromEncoded({ + color: color, + weight: 5, + points: line, + levels: levels, + zoomFactor: 32, + numLevels: 4 + }); + focusCountry(lat,lon,zoom); + map.addOverlay(encodedPolyline); + } + </script>
\ No newline at end of file |