Skip to content

Instantly share code, notes, and snippets.

@mapsam

mapsam/addresses.csv

Last active September 29, 2015 23:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mapsam/db67187b23e45b43dddf to your computer and use it in GitHub Desktop.
Save mapsam/db67187b23e45b43dddf to your computer and use it in GitHub Desktop.
Download ZIP
Basics of Web Mapping
Raw
addresses.csv
Tenderloin Art Gallery or Organization Street Address City Zip Code Telephone No. art/cultural workers
Alonzo King LINES Ballet 25 Taylor Street San Francisco 94103 415.863.3040 56
American Conservatory Theater 405 Geary Street San Francisco 94102 415.749.2228 73
Bash Contemporary Art Gallery 210 Golden Gate Avenue San Francisco 94102 415.926.8573 2
Book & Job Gallery 838 Geary Street San Francisco 94109 415.857.4330 4
Center for New Music 55 Taylor Street San Francisco 94102 415.275.2466 5
The Costume Shop 1117 Market Street San Francisco 94102 6
CounterPulse 80 Turk Street San Francisco 94102 415.626.2060 9
The Cutting Ball Theater 277 Taylor Street San Francisco 94102 415.292.4700 43
Down Town Comedy Theater 287 Ellis Street San Francisco 94102 415.378.4413 1
Ever Gold Gallery 441 O'Farrell Street San Francisco 94102 415.796.3676 1
Exit Theatre 156 Eddy Street San Francisco 94102 415.931.1094 3
Faithful Fools 4
Fountain 3 Films 25 Taylor Street San Francisco 94102 415.310.3582 1
Golden Gate Theater 0
Hospitality House Community Arts Program 1009 Market Street San Francisco 94103 415.553.4525 10
Hyde Street Recording Studios 245 Hyde Street San Francisco 94102 415.441.8934 14
International Art Museum of America 1025 Market Street San Francisco 94103 415.376.6344 1
Kunst-Stoff 1 Grove Street San Francisco 94102 415.777.0172 14
Larkin Street Youth Gallery 134 Golden Gate Avenue San Francisco 94102 415.673.0911 1
Liss Fain Dance 26 7th Street San Francisco 94103 415.380.8087 11
the loin 914 Larkin Street San Francisco 94109 415.814.2960 2
Look Gallery 720 Geary Street San Francisco 94109 415.310.3032 0
The Luggage Store 1007 Market Street San Francisco 94103 415.255.5971 2
Performance Arts Institute 118 Turk Street San Francisco 94102 415.501.0575 2
PianoFight 144 Taylor Street San Francisco 94102 415.816.3691 34
Ramon's Tailor 628 Jones Street San Francisco 94102 2
SF Camerawork 1011 Market Street, 2nd Floor San Francisco 94103 415.487.1011 2
Jessica Silverman Gallery 488 Ellis Street San Francisco 94102 415.255.9508 1
Tenderloin Museum 398 Eddy Street San Francisco 94109 2
Tenderloin National Forest 509 Ellis Street San Francisco 94109 415.255.5971 20
Vacation 651 Larkin Street San Francisco 94109 415.795.3633 3
The Warfield 982 Market Street San Francisco 94102 415.345.0900 0
White Walls and Shooting Gallery 886 Geary Street San Francisco 94109 415.931.1500 1
Raw
mapbox-basic.html
<html lang="en">
<head>
<title>Mapbox.js basic map</title>
<!-- 1. LINKS TO JAVASCRIPT & CSS -->
<script src='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.css' rel='stylesheet' />
<style>
/* 2. CSS STYLES FOR MAP */
#map {
width: 600px;
height: 400px;
background: #c0c0c0;
}
</style>
</head>
<body>
<h3>This is a web map made with <strong>mapbox.js</strong>!</h3>
<!-- 3. HTML MAP ELEMENT WITH AN ID -->
<div id="map"></div>
<script>
// 4. JAVASCRIPT WITH ACCESS TOKEN AND MAP INITIALIZATION LINE
L.mapbox.accessToken = 'pk.eyJ1Ijoic3ZtYXR0aGV3cyIsImEiOiJVMUlUR0xrIn0.NweS_AttjswtN5wRuWCSNA';
var mapObject = L.mapbox.map('map', 'mapbox.streets');
</script>
</body>
</html>
Raw
mapbox-geojson.html
<html lang="en">
<head>
<title>Mapbox.js map with points</title>
<script src='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.css' rel='stylesheet' />
<style>
#map {
width: 600px;
height: 400px;
background: #c0c0c0;
}
</style>
</head>
<body>
<h3>This is a web map (with points) made with <strong>mapbox.js</strong>!</h3>
<div id="map"></div>
<script>
var geojson = {};
L.mapbox.accessToken = 'pk.eyJ1Ijoic3ZtYXR0aGV3cyIsImEiOiJVMUlUR0xrIn0.NweS_AttjswtN5wRuWCSNA';
var mapObject = L.mapbox.map('map', 'mapbox.streets');
// THIS ADDS THE GEOJSON OBJECT TO THE MAP
var gj = mapObject.featureLayer.setGeoJSON(geojson);
// mapObject.fitBounds(gj.getBounds());
// mapObject.addControl(L.mapbox.geocoderControl('mapbox.places'));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment