<article>
	<h2>Murder map</h2>
	<div id="map"></div>

	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<style>
		#map { height: 240px; }
	</style>
	<script>
		var map = L.map('map').setView([-33.889413, 151.190137], 16);
		L.tileLayer('http://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
			id: 'kennib.k70hhmpn',
			maxZoom: 18,
			minZoom: 13,
		}).addTo(map);
		
		var murders = {% raw murders %};
	</script>
</article>
<article>
	<h2>Murder map</h2>
	<div id="map"></div>

	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<style>
		#map { height: 240px; }
	</style>
	<script>
		var map = L.map('map').setView([-33.889413, 151.190137], 16);
		L.tileLayer('http://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
			id: 'kennib.k70hhmpn',
			maxZoom: 18,
			minZoom: 13,
		}).addTo(map);
		
		var murders = {% raw murders %};
		var markers = murders.filter(function(murder) {
			return murder.lat && murder.lng;
		}).map(function(murder) {
			var marker = L.marker([murder.lat, murder.lng]).addTo(map);
			return marker;
		});
	</script>
</article>
Put markers onto the map
Put markers onto the map
