Add Multi-Minyan Map

Eruv map that includes additional synagogues.
mikeolkin · Dec 12, 2024 · b445c77 · b445c77
1 parent 36fe394
commit b445c77
Showing 1 changed file with 111 additions and 0 deletions.
diff --git a/EruvMultiMinyan.htm b/EruvMultiMinyan.htm
@@ -0,0 +1,111 @@
+<!doctype html>
+<html>
+<head>
+<title>Eruv</title>
+<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+<link rel="stylesheet" href="leaflet/leaflet.css"/>
+<script src="leaflet/leaflet.js"></script>
+<script src='leaflet/leaflet-omnivore.min.js'></script>
+<script src="leaflet/leaflet-search.js"></script>
+<link rel="stylesheet" href="leaflet/leaflet-search.css">
+
+<style>
+body {
+    padding: 0;
+    margin: 0;
+}
+html, body, #map {
+    height: 100%;
+    width: 100vw;
+}
+</style>
+
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+</head>
+<body>
+
+
+<div id="mapid" style="width: 100%; height: 100%; position: relative; background-color: #ffffff;" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0"></div>
+
+<script>
+
+
+
+var mymap = L.map('mapid');
+
+var CartoDB_Positron = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}{r}.png', {
+	attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a>',
+	subdomains: 'abcd',
+	maxZoom: 19,
+	minZoom: 9
+});
+CartoDB_Positron.addTo(mymap);
+
+var customLayer = L.geoJson(null, {
+    // http://leafletjs.com/reference.html#geojson-style
+    style: function(feature) {
+        return { color: 'purple' };
+    }
+});
+
+var polygon = omnivore.kml('EruvBounds.kml', null, customLayer);
+polygon.addTo(mymap);
+
+var davidIcon = L.icon({
+    iconUrl: 'images/16px-Star_of_David.svg.png',
+
+    iconSize:     [16, 18], // size of the icon
+    iconAnchor:   [8, 9], // point of the icon which will correspond to marker's location
+    popupAnchor:  [-3, -10] // point from which the popup should open relative to the iconAnchor
+});
+
+var fp = L.marker([42.083675, -72.572538], {icon: davidIcon});
+fp.addTo(mymap);
+fp.bindPopup('<b><a target=blank href="http://www.bnaitorahma.org/">Bnai Torah, Forest Park Minyan</b></a><br>Shabbat and Yom Tov<br>124 Sumner Ave, Springfield, MA');
+
+var bt = L.marker([42.068128, -72.558587], {icon: davidIcon});
+bt.addTo(mymap);
+bt.bindPopup('<b><a target=blank href="http://www.bnaitorahma.org/">Bnai Torah</b></a><br>Weekdays, Shabbat and Yom Tov<br>1 Eunice Dr, Longmeadow, MA');
+
+var lya = L.marker([42.060057, -72.542973], {icon: davidIcon});
+lya.addTo(mymap);
+lya.bindPopup('<b><a target=blank href="http://www.lya.org/">Lubavitcher Yeshiva Academy</b></a><br>Weekdays, Shabbat and Yom Tov<br>1148 Converse St, Longmeadow, MA');
+
+var be = L.marker([42.071890,-72.552705], {icon: davidIcon});
+be.addTo(mymap);
+be.bindPopup('<b><a target=blank href="http://www.tbespringfield.org/">Temple Beth El</b></a><br>Weekdays, Shabbat and Yom Tov<br>979 Dickinson St, Springfield, MA');
+
+polygon.on('ready', function() {
+
+var group = new L.featureGroup([polygon,fp,bt,lya,be]);
+
+mymap.fitBounds(group.getBounds(), { padding: [8, 8] });
+
+
+        // After the 'ready' event fires, the GeoJSON contents are accessible
+        // and you can iterate through layers to bind custom popups.
+
+        polygon.eachLayer(function(layer) {
+            // dataset has a property called `name`: your dataset might not,
+            layer.bindPopup('Eruv Boundary: ' + layer.feature.properties.name);
+        });
+});
+
+
+
+	mymap.addControl( new L.Control.Search({
+		url: 'https://nominatim.openstreetmap.org/search?format=json&q={s}',
+		jsonpParam: 'json_callback',
+		propertyName: 'display_name',
+		propertyLoc: ['lat','lon'],
+		marker: L.circleMarker([0,0],{radius:14}),
+		autoCollapse: true,
+		autoType: false,
+		minLength: 4
+	}) );
+
+</script>
+
+</body>
+</html>