Added point when searching for address, #28

README.md

@@ -73,6 +73,7 @@ We use the Fetch API for browser-based Web requests to the Carto SQL API and the
 
 ### SLAM v0.9e
 * [[24]](../../../../BetaNYC/SLAM/issues/24) Upated SQL queries to match column names in SLA dataset
+* [[28]](../../../../BetaNYC/SLAM/issues/28) Added point to map when searching for a specific address.
 
 ### SLAM v0.8e
 * [[22]](../../../../BetaNYC/SLAM/issues/22) Display schools and churches as polygons on the map. 

index.html

@@ -156,7 +156,7 @@ <h4>Search</h4>
 
 					<!-- source info -->
 					<div id="source"></div>
-					<a href="#" onclick="toggle_visibility('info_box');" class="close_button">Close Window</a>
+					<a href="#" onclick="toggle_visibility('info_box');if(marker){marker.remove()};" class="close_button">Close Window</a>
 			</div>
 			<footer class="js-footer"></footer>
         </aside>
@@ -166,6 +166,7 @@ <h4>Search</h4>
 			//set map view
             const map = L.map('map').setView([40.73, -74], 18);
             map.scrollWheelZoom.disable();
+			var marker;
 
 			//set basemap
             L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/rastertiles/voyager/{z}/{x}/{y}{r}.png', {

scripts/main.js

@@ -23,6 +23,10 @@ function set_address() {
 		longitude = response.longitude;
 		//set map view to the resulting lat, lon and zoom to 18
 		map.setView([latitude, longitude], 18);
+		if(marker) {
+			marker.remove();
+		}
+		marker = L.marker([latitude, longitude]).addTo(map);
 	})
 	.catch(function(error) {
 		//if nothing gets returned, display no results
@@ -101,4 +105,7 @@ function clear_charts() {
 //Filters
 function reset_map() {
 	map.setView([40.73, -74], 18);
+	if(marker) {
+		marker.remove();
+	}
 }