-
Notifications
You must be signed in to change notification settings - Fork 41
/
Copy path7-4.html
1 lines (1 loc) · 28.1 KB
/
7-4.html
1
<!DOCTYPE html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://rawgit.com/lvoogdt/Leaflet.awesome-markers/2.0/develop/dist/leaflet.awesome-markers.css"> <script src="https://rawgithub.com/lvoogdt/Leaflet.awesome-markers/2.0/develop/dist/leaflet.awesome-markers.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster-src.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster.js"></script> <link rel="stylesheet" href="https://birdage.github.io/Leaflet.awesome-markers/dist/leaflet.awesome.rotate.css"> <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; } #map { position:absolute; top:0; bottom:0; right:0; left:0; } </style> </head> <body> <div class="folium-map" id="folium_9b717b5ecda8467c8ce61b280e3b4a71" style="width: 960px; height: 500px"></div> <script> var base_tile = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 17, minZoom: 8.0, attribution: 'Map data (c) <a href="http://openstreetmap.org">OpenStreetMap</a> contributors' }); var baseLayer = { "Base Layer": base_tile }; /* addition of the wms layers */ /* addition of the tile layers */ /* list of layers to be added */ var layer_list = { }; /* Bounding box. */ var southWest = L.latLng(-90, -180), northEast = L.latLng(90, 180), bounds = L.latLngBounds(southWest, northEast); /* Creates the map and adds the selected layers */ var map = L.map('folium_9b717b5ecda8467c8ce61b280e3b4a71', { center:[37.567251, -122.1481515], zoom: 10.0, maxBounds: bounds, layers: [base_tile] }); L.control.layers(baseLayer, layer_list).addTo(map); //cluster group var clusteredmarkers = L.markerClusterGroup(); //section for adding clustered markers //add the clustered markers to the group anyway map.addLayer(clusteredmarkers); var circle_1 = L.circle([37.785299, -122.396236], 891.324520553, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_1.bindPopup("2nd at Folsom"); circle_1._popup.options.maxWidth = 300; map.addLayer(circle_1) var circle_2 = L.circle([37.782259, -122.392738], 969.356826509, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_2.bindPopup("2nd at South Park"); circle_2._popup.options.maxWidth = 300; map.addLayer(circle_2) var circle_3 = L.circle([37.780526, -122.390288], 1177.05814008, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_3.bindPopup("2nd at Townsend"); circle_3._popup.options.maxWidth = 300; map.addLayer(circle_3) var circle_4 = L.circle([37.781752, -122.405127], 865.545395604, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_4.bindPopup("5th at Howard"); circle_4._popup.options.maxWidth = 300; map.addLayer(circle_4) var circle_5 = L.circle([37.331415, -121.8932], 229.977515991, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_5.bindPopup("Adobe on Almaden"); circle_5._popup.options.maxWidth = 300; map.addLayer(circle_5) var circle_6 = L.circle([37.332692, -121.900084], 244.498462877, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_6.bindPopup("Arena Green / SAP Center"); circle_6._popup.options.maxWidth = 300; map.addLayer(circle_6) var circle_7 = L.circle([37.792251, -122.397086], 907.880955264, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_7.bindPopup("Beale at Market"); circle_7._popup.options.maxWidth = 300; map.addLayer(circle_7) var circle_8 = L.circle([37.798541, -122.400862], 869.399810198, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_8.bindPopup("Broadway St at Battery St"); circle_8._popup.options.maxWidth = 300; map.addLayer(circle_8) var circle_9 = L.circle([37.429082, -122.142805], 174.34550494, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_9.bindPopup("California Ave Caltrain Station"); circle_9._popup.options.maxWidth = 300; map.addLayer(circle_9) var circle_10 = L.circle([37.385956, -122.083678], 339.414474944, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_10.bindPopup("Castro Street and El Camino Real"); circle_10._popup.options.maxWidth = 300; map.addLayer(circle_10) var circle_11 = L.circle([37.781039, -122.411748], 866.539838653, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_11.bindPopup("Civic Center BART (7th at Market)"); circle_11._popup.options.maxWidth = 300; map.addLayer(circle_11) var circle_12 = L.circle([37.795001, -122.39997], 697.890342223, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_12.bindPopup("Clay at Battery"); circle_12._popup.options.maxWidth = 300; map.addLayer(circle_12) var circle_13 = L.circle([37.794231, -122.402923], 769.823098591, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_13.bindPopup("Commercial at Montgomery"); circle_13._popup.options.maxWidth = 300; map.addLayer(circle_13) var circle_14 = L.circle([37.448598, -122.159504], 225.753306448, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_14.bindPopup("Cowper at University"); circle_14._popup.options.maxWidth = 300; map.addLayer(circle_14) var circle_15 = L.circle([37.79728, -122.398436], 705.471228365, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_15.bindPopup("Davis at Jackson"); circle_15._popup.options.maxWidth = 300; map.addLayer(circle_15) var circle_16 = L.circle([37.787152, -122.388013], 850.548794136, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_16.bindPopup("Embarcadero at Bryant"); circle_16._popup.options.maxWidth = 300; map.addLayer(circle_16) var circle_17 = L.circle([37.791464, -122.391034], 862.143957353, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_17.bindPopup("Embarcadero at Folsom"); circle_17._popup.options.maxWidth = 300; map.addLayer(circle_17) var circle_18 = L.circle([37.80477, -122.403234], 1140.686916, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_18.bindPopup("Embarcadero at Sansome"); circle_18._popup.options.maxWidth = 300; map.addLayer(circle_18) var circle_19 = L.circle([37.799953, -122.398525], 670.342785039, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_19.bindPopup("Embarcadero at Vallejo"); circle_19._popup.options.maxWidth = 300; map.addLayer(circle_19) var circle_20 = L.circle([37.390277, -122.066553], 302.812931026, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_20.bindPopup("Evelyn Park and Ride"); circle_20._popup.options.maxWidth = 300; map.addLayer(circle_20) var circle_21 = L.circle([37.481758, -122.226904], 79.2585224807, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_21.bindPopup("Franklin at Maple"); circle_21._popup.options.maxWidth = 300; map.addLayer(circle_21) var circle_22 = L.circle([37.781332, -122.418603], 592.518270875, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_22.bindPopup("Golden Gate at Polk"); circle_22._popup.options.maxWidth = 300; map.addLayer(circle_22) var circle_23 = L.circle([37.798522, -122.407245], 894.784886518, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_23.bindPopup("Grant Avenue at Columbus Avenue"); circle_23._popup.options.maxWidth = 300; map.addLayer(circle_23) var circle_24 = L.circle([37.795392, -122.394203], 1254.9243632, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_24.bindPopup("Harry Bridges Plaza (Ferry Building)"); circle_24._popup.options.maxWidth = 300; map.addLayer(circle_24) var circle_25 = L.circle([37.786978, -122.398108], 811.346861782, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_25.bindPopup("Howard at 2nd"); circle_25._popup.options.maxWidth = 300; map.addLayer(circle_25) var circle_26 = L.circle([37.348742, -121.894715], 286.125001325, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_26.bindPopup("Japantown"); circle_26._popup.options.maxWidth = 300; map.addLayer(circle_26) var circle_27 = L.circle([37.335885, -121.88566], 323.206033878, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_27.bindPopup("MLK Library"); circle_27._popup.options.maxWidth = 300; map.addLayer(circle_27) var circle_28 = L.circle([37.776619, -122.417385], 1080.52024466, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_28.bindPopup("Market at 10th"); circle_28._popup.options.maxWidth = 300; map.addLayer(circle_28) var circle_29 = L.circle([37.786305, -122.404966], 967.002173646, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_29.bindPopup("Market at 4th"); circle_29._popup.options.maxWidth = 300; map.addLayer(circle_29) var circle_30 = L.circle([37.789625, -122.400811], 1056.81758468, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_30.bindPopup("Market at Sansome"); circle_30._popup.options.maxWidth = 300; map.addLayer(circle_30) var circle_31 = L.circle([37.7913, -122.399051], 770.349383457, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_31.bindPopup("Mechanics Plaza (Market at Battery)"); circle_31._popup.options.maxWidth = 300; map.addLayer(circle_31) var circle_32 = L.circle([37.491269, -122.236234], 138.382454482, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_32.bindPopup("Mezes Park"); circle_32._popup.options.maxWidth = 300; map.addLayer(circle_32) var circle_33 = L.circle([37.394358, -122.076713], 582.863559294, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_33.bindPopup("Mountain View Caltrain Station"); circle_33._popup.options.maxWidth = 300; map.addLayer(circle_33) var circle_34 = L.circle([37.389218, -122.081896], 388.155381357, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_34.bindPopup("Mountain View City Hall"); circle_34._popup.options.maxWidth = 300; map.addLayer(circle_34) var circle_35 = L.circle([37.443988, -122.164759], 299.617370503, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_35.bindPopup("Palo Alto Caltrain Station"); circle_35._popup.options.maxWidth = 300; map.addLayer(circle_35) var circle_36 = L.circle([37.4256839, -122.1377775], 178.367182138, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_36.bindPopup("Park at Olive"); circle_36._popup.options.maxWidth = 300; map.addLayer(circle_36) var circle_37 = L.circle([37.333798, -121.886943], 282.920015336, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_37.bindPopup("Paseo de San Antonio"); circle_37._popup.options.maxWidth = 300; map.addLayer(circle_37) var circle_38 = L.circle([37.783871, -122.408433], 956.043094027, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_38.bindPopup("Powell Street BART"); circle_38._popup.options.maxWidth = 300; map.addLayer(circle_38) var circle_39 = L.circle([37.788446, -122.408499], 773.499572985, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_39.bindPopup("Powell at Post (Union Square)"); circle_39._popup.options.maxWidth = 300; map.addLayer(circle_39) var circle_40 = L.circle([37.486078, -122.232089], 289.4695474, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_40.bindPopup("Redwood City Caltrain Station"); circle_40._popup.options.maxWidth = 300; map.addLayer(circle_40) var circle_41 = L.circle([37.487682, -122.223492], 118.674531919, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_41.bindPopup("Redwood City Medical Center"); circle_41._popup.options.maxWidth = 300; map.addLayer(circle_41) var circle_42 = L.circle([37.484219, -122.227424], 101.160464352, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_42.bindPopup("Redwood City Public Library"); circle_42._popup.options.maxWidth = 300; map.addLayer(circle_42) var circle_43 = L.circle([37.400241, -122.099076], 215.418434931, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_43.bindPopup("Rengstorff Avenue / California Street"); circle_43._popup.options.maxWidth = 300; map.addLayer(circle_43) var circle_44 = L.circle([37.342725, -121.895617], 330.337577007, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_44.bindPopup("Ryland Park"); circle_44._popup.options.maxWidth = 300; map.addLayer(circle_44) var circle_45 = L.circle([37.333955, -121.877349], 217.5246946, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_45.bindPopup("SJSU - San Salvador at 9th"); circle_45._popup.options.maxWidth = 300; map.addLayer(circle_45) var circle_46 = L.circle([37.332808, -121.883891], 210.90282032, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_46.bindPopup("SJSU 4th at San Carlos"); circle_46._popup.options.maxWidth = 300; map.addLayer(circle_46) var circle_47 = L.circle([37.40694, -122.106758], 314.62802866, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_47.bindPopup("San Antonio Caltrain Station"); circle_47._popup.options.maxWidth = 300; map.addLayer(circle_47) var circle_48 = L.circle([37.400443, -122.108338], 321.477226744, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_48.bindPopup("San Antonio Shopping Center"); circle_48._popup.options.maxWidth = 300; map.addLayer(circle_48) var circle_49 = L.circle([37.776617, -122.39526], 1618.63002772, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_49.bindPopup("San Francisco Caltrain (Townsend at 4th)"); circle_49._popup.options.maxWidth = 300; map.addLayer(circle_49) var circle_50 = L.circle([37.7766, -122.39547], 1476.73147035, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_50.bindPopup("San Francisco Caltrain 2 (330 Townsend)"); circle_50._popup.options.maxWidth = 300; map.addLayer(circle_50) var circle_51 = L.circle([37.77865, -122.418235], 428.95136029, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_51.bindPopup("San Francisco City Hall"); circle_51._popup.options.maxWidth = 300; map.addLayer(circle_51) var circle_52 = L.circle([37.337391, -121.886995], 281.663783245, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_52.bindPopup("San Jose City Hall"); circle_52._popup.options.maxWidth = 300; map.addLayer(circle_52) var circle_53 = L.circle([37.330698, -121.888979], 241.160443296, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_53.bindPopup("San Jose Civic Center"); circle_53._popup.options.maxWidth = 300; map.addLayer(circle_53) var circle_54 = L.circle([37.329732, -121.901782], 704.53706692, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_54.bindPopup("San Jose Diridon Caltrain Station"); circle_54._popup.options.maxWidth = 300; map.addLayer(circle_54) var circle_55 = L.circle([37.487616, -122.229951], 104.607302964, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_55.bindPopup("San Mateo County Center"); circle_55._popup.options.maxWidth = 300; map.addLayer(circle_55) var circle_56 = L.circle([37.336721, -121.894074], 365.84871681, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_56.bindPopup("San Pedro Square"); circle_56._popup.options.maxWidth = 300; map.addLayer(circle_56) var circle_57 = L.circle([37.330165, -121.885831], 214.002745324, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_57.bindPopup("San Salvador at 1st"); circle_57._popup.options.maxWidth = 300; map.addLayer(circle_57) var circle_58 = L.circle([37.352601, -121.905733], 227.318727028, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_58.bindPopup("Santa Clara County Civic Center"); circle_58._popup.options.maxWidth = 300; map.addLayer(circle_58) var circle_59 = L.circle([37.333988, -121.894902], 437.372146709, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_59.bindPopup("Santa Clara at Almaden"); circle_59._popup.options.maxWidth = 300; map.addLayer(circle_59) var circle_60 = L.circle([37.774814, -122.418954], 757.417019734, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_60.bindPopup("South Van Ness at Market"); circle_60._popup.options.maxWidth = 300; map.addLayer(circle_60) var circle_61 = L.circle([37.790302, -122.390637], 739.479836181, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_61.bindPopup("Spear at Folsom"); circle_61._popup.options.maxWidth = 300; map.addLayer(circle_61) var circle_62 = L.circle([37.339301, -121.889937], 285.593334712, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_62.bindPopup("St James Park"); circle_62._popup.options.maxWidth = 300; map.addLayer(circle_62) var circle_63 = L.circle([37.48537, -122.203288], 203.569064717, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_63.bindPopup("Stanford in Redwood City"); circle_63._popup.options.maxWidth = 300; map.addLayer(circle_63) var circle_64 = L.circle([37.794139, -122.394434], 1157.13415032, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_64.bindPopup("Steuart at Market"); circle_64._popup.options.maxWidth = 300; map.addLayer(circle_64) var circle_65 = L.circle([37.789756, -122.394643], 1203.61550493, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_65.bindPopup("Temporary Transbay Terminal (Howard at Beale)"); circle_65._popup.options.maxWidth = 300; map.addLayer(circle_65) var circle_66 = L.circle([37.771058, -122.402717], 1172.96221281, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_66.bindPopup("Townsend at 7th"); circle_66._popup.options.maxWidth = 300; map.addLayer(circle_66) var circle_67 = L.circle([37.444521, -122.163093], 158.517044961, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_67.bindPopup("University and Emerson"); circle_67._popup.options.maxWidth = 300; map.addLayer(circle_67) var circle_68 = L.circle([37.784878, -122.401014], 729.270109725, { color: 'None', fillColor: 'blue', fillOpacity: 0.6 }); circle_68.bindPopup("Yerba Buena Center of the Arts (3rd @ Howard)"); circle_68._popup.options.maxWidth = 300; map.addLayer(circle_68) </script> </body>