 					stroke: false
 				onEachFeature: (f,l) ->
 					p.addMarker markers, f, no_icon
-					out = for key, val of f.properties
-						"<strong>#{key}:</strong> #{val}"
-					l.bindPopup(out.join("<br />"))
+					# out = for key, val of f.properties
+					# 	"<strong>#{key}:</strong> #{val}"
+					# l.bindPopup(out.join("<br />"))
+					l.on 'click', ()->
+						m.fitBounds(@.getBounds())
 			)
 			fix_json = L.geoJson(data.fix_poly,
 				style: (feature) ->

			icon: icon
		markers

	showPolygon: () =>
		# console.log @polyData
		@currentIndex++
		@map.removeLayer(@geo)
		if @currentIndex < @polyData.length
			$("#buttons").show()
			@currentPolygon = @polyData[@currentIndex]
			@geo = @makePolygon(@currentPolygon)
			# console.log @currentPolygon #, @currentGeo
			# console.log @geo
			# center on the polygon
			@geo.addTo(@map)
			@map.fitBounds( @geo.getBounds() )
		else
			console.log "Loading more polygons..."
			@mapPolygons = 0
			@mapPolygonsSession = 0
			@allPolygons = 0
			@allPolygonsSession = 0
			@getPolygons()

	makePolygon: (poly) ->
		json = 
			type : "Feature"
			properties:
				DN: poly.dn
				color: poly.color
				id: poly.id
				sheet_id: poly.sheet_id
				status: poly.status
			geometry:
				type: "Polygon"
				coordinates: $.parseJSON(poly.geometry)
		geo = L.geoJson({features:[]},
			style: (feature) ->
				color: '#b00'
				weight: 4
				opacity: 1
				dashArray: '4,12'
				fill: false
			onEachFeature: (f,l) ->
				out = for key, val of f.properties
					"<strong>#{key}:</strong> #{val}"
				l.bindPopup(out.join("<br />"))
		).addData json

	onMapClick: (e) =>
		@popup

					stroke: false
				onEachFeature: (f,l) ->
					p.addMarker markers, f, fix_icon
					# out = for key, val of f.properties
					# 	"<strong>#{key}:</strong> #{val}"
					# l.bindPopup(out.join("<br />"))
					l.on 'click', ()->
						m.fitBounds(@.getBounds())
			)

			bounds = new L.LatLngBounds(new L.LatLng(40.712, -74.227))
