summaryrefslogtreecommitdiff
path: root/templates/archives/map.html
diff options
context:
space:
mode:
authorluxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f>2009-11-12 21:58:26 +0000
committerluxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f>2009-11-12 21:58:26 +0000
commitb0464d2bcb252c8d2cef9dfca9dd7b40ec498c55 (patch)
treef39715fefd2828fd794a25fcf5301ed1ffd14ce0 /templates/archives/map.html
parentc9022d38a303dcd756d34a2cbc4e3c49b22e0cf2 (diff)
speed optimizations
Diffstat (limited to 'templates/archives/map.html')
-rw-r--r--templates/archives/map.html111
1 files changed, 2 insertions, 109 deletions
diff --git a/templates/archives/map.html b/templates/archives/map.html
index 2714861..5deef0f 100644
--- a/templates/archives/map.html
+++ b/templates/archives/map.html
@@ -34,117 +34,10 @@ Google Maps code
{% block sidebar %}
<div id="sidebar">
- <div class="blok">
- <h4 class="first">Trips</h4>
- <ul>
- <li><a onclick="addRoute('yi_iAp}mmOlzd@egy@njcCcpOq{hDxyqAai_@kvhSio[b|zVjhNbmZ','BBBBBBB','#FF0000',12.0554, -85.1880, 8);" href="#">Nicaragua (2008)</a></li>
- </ul>
- <h4>Regions</h4>
- <ul>
- {%for region in region_list %}
- <li><a href="#{{region.slug}}" onclick="focusCountry({{region.lat}}, {{region.lon}}, {{region.zoom_level}});" title="See all writing from {{region.name|title}}">{{region.name}}</a></li>
- {% endfor %}
- </ul>
-
- <h4>Countries</h4>
- <ul>
- <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#">All</a></li>
- {%for country in country_list %}
- <li><a href="#{{country.slug}}" onclick="focusCountry({{country.lat}}, {{country.lon}}, {{country.zoom_level}});" title="See all writing from {{country.name|title}}">{{country.name}}</a></li>
- {% endfor %}
- </ul>
-
- </div>
+{% include 'includes/map_sidebar.html' %}
</div><!-- sidebar -->
{% endblock %}
{% block js %}
-
-<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(new GSize(100,100));
- 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 &raquo;<\/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>
-
+{% include 'includes/map_entry_list.html' %}
{%endblock%} \ No newline at end of file