Commit f5eceaa8ddd92d5cd5ae443f1b30ce6961608776

  • avatar
  • arvind
  • Tue Jan 29 01:47:18 IST 2013
Minor changes
			- Images taken at the waypoint show up at the bottom with their associated numbers which are shown on the labels in the map.
			- Added underscore templates.
index.html
(7 / 0)
  
11<!doctype html>
22<head>
33 <script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
4 <script type="text/javascript" src="http://underscorejs.org/underscore-min.js"></script>
45 <script src="src/Label.js" type="text/javascript"></script>
56 <script type="text/javascript" src="src/Marker.Label.js"></script>
67 <script src="src/Path.Label.js"></script>
……
1616</head>
1717<body>
1818 <div id="map" style="width: 1024px; height: 800px; margin-top:30px;"></div>
19 <script type="text/template" id="image-item-template">
20 <div id="image-wrapper">
21 <em><%= cnt %></em>
22 <img src="<%= src %>" style="height:200px;width:200px;">
23 </div>
24 </script>
1925 <script type="text/javascript" src="main.js"></script>
2026 <script>
2127 init();
main.js
(3 / 0)
  
2525 else {
2626 count++;
2727 var m = L.marker(latlng).bindLabel(count.toString(), {noHide: true}).addTo(map).showLabel();
28 var template = _.template($('#image-item-template').html());
29 x = $('body').append(template({cnt: count, src: feature.properties.link1_href}));
30 console.log(x);
2831 return m;
2932 }
3033 }