Our San Francisco, CA map is part of the HTML5 City/Neighborhoods Map license that we sell. We've overlayed neighborhood boundaries over a minimalistic vector map of San Francisco* showing major roads, parks, bodies of water and more.
Our JavaScript-based maps are zoomable, clickable, responsive, and easy to customize using our online tool. Easily add labels, change neighborhood colors, or add location markers.
Your map purchase includes the GIS source files for the neighborhood boundaries in both Shapefile (.shp) and GeoJSON (.json) formats. We've also included the neighborhoods as a static SVG file. The background map features are made available via a .pmtiles archive that we host on our CDN or you can download to fully self-host this map.
*Background map of San Francisco was created using data from OpenStreetMap under the Open Database License 1.0 license. © OpenStreetMap.
| Free | Commercial | |
|---|---|---|
| Commercial use | Allowed | Allowed |
| License | ODbL 1.0 | Permissive |
| Attribution | Required | Not required |
| SVG (neighborhoods) | ||
| PMTiles (city features) | ||
| Shapefile (.shp) | ||
| GeoJSON (.json) | ||
| JavaScript Map | ||
| Customizable Online | ||
| One-time fee | Free | $199 |
| Buy Now! |
We're so confident in the quality of our map that we offer a full 30-day money-back guarantee. If the map doesn't work out for you we'll happily refund your money.
Customize maps by editing an online spreadsheet or simple text file. No knowledge of HTML5 or JavaScript is required. Step-by-step documentation makes installation painless.
Our HTML5 maps look gorgeous on iPhones, Android devices and iPads. Our responsive maps automatically detect mobile devices and adjust navigation to be touch friendly.
Get fast answers from the one of the map's developers. We're happy to troubleshoot any installation or customization issues that arise. Just ask!
Add location markers to the map using only latitude and longitude. Choose shapes or images. Easily customize the size, color, and description.
Click on a neighborhood (e.g. Seacliff) to zoom or go a specific url. Use the map to simplify your website's user interface.
Almost every aspect of the map can be customized. Colors, descriptions, links, labels, locations, regions and much more.
This map includes the following 117 neighborhoods:
{
"11100": "Seacliff",
"11101": "Lake Street",
"11102": "Presidio National Park",
"11103": "Presidio Terrace",
"11104": "Inner Richmond",
"11105": "Sutro Heights",
"11106": "Lincoln Park / Ft. Miley",
"11107": "Outer Richmond",
"11108": "Golden Gate Park",
"11109": "Presidio Heights",
"11110": "Laurel Heights / Jordan Park",
"11111": "Lone Mountain",
"11112": "Anza Vista",
"11113": "Cow Hollow",
"11114": "Union Street",
"11115": "Nob Hill",
"11116": "Marina",
"11117": "Telegraph Hill",
"11118": "Downtown / Union Square",
"11119": "Tenderloin",
"11120": "Civic Center",
"11121": "Hayes Valley",
"11122": "Alamo Square",
"11123": "Panhandle",
"11124": "Haight Ashbury",
"11125": "Lower Haight",
"11126": "Mint Hill",
"11127": "Duboce Triangle",
"11128": "Cole Valley",
"11129": "Rincon Hill",
"11130": "South Beach",
"11131": "South Of Market",
"11132": "Showplace Square",
"11133": "Mission Bay",
"11134": "Yerba Buena Island",
"11135": "Treasure Island",
"11136": "Mission Dolores",
"11137": "Castro",
"11138": "Outer Sunset",
"11139": "Parkside",
"11140": "Stonestown",
"11141": "Parkmerced",
"11142": "Lakeshore",
"11143": "Golden Gate Heights",
"11144": "Forest Hill",
"11145": "West Portal",
"11146": "Clarendon Heights",
"11147": "Midtown Terrace",
"11148": "Laguna Honda",
"11149": "Lower Nob Hill",
"11150": "Upper Market",
"11151": "Dolores Heights",
"11152": "Mission",
"11153": "Potrero Hill",
"11154": "Dogpatch",
"11155": "Central Waterfront",
"11156": "Diamond Heights",
"11157": "Crocker Amazon",
"11158": "Fairmount",
"11159": "Peralta Heights",
"11160": "Holly Park",
"11161": "Merced Manor",
"11162": "Balboa Terrace",
"11163": "Ingleside",
"11164": "Merced Heights",
"11165": "Outer Mission",
"11166": "Ingleside Terraces",
"11167": "Mt. Davidson Manor",
"11168": "Monterey Heights",
"11169": "Westwood Highlands",
"11170": "Westwood Park",
"11171": "Miraloma Park",
"11172": "Mclaren Park",
"11173": "Sunnydale",
"11174": "Visitacion Valley",
"11175": "India Basin",
"11176": "Northern Waterfront",
"11177": "Hunters Point",
"11178": "Candlestick Point Sra",
"11179": "Cayuga",
"11180": "Oceanview",
"11181": "Apparel City",
"11182": "Bernal Heights",
"11183": "Noe Valley",
"11184": "Produce Market",
"11185": "Bayview",
"11186": "Silver Terrace",
"11187": "Bret Harte",
"11188": "Little Hollywood",
"11189": "Excelsior",
"11190": "Portola",
"11191": "University Mound",
"11192": "St. Marys Park",
"11193": "Mission Terrace",
"11194": "Sunnyside",
"11195": "Glen Park",
"11196": "Western Addition",
"11197": "Aquatic Park / Ft. Mason",
"11198": "Fishermans Wharf",
"11199": "Cathedral Hill",
"11200": "Japantown",
"11201": "Pacific Heights",
"11202": "Lower Pacific Heights",
"11203": "Chinatown",
"11204": "Polk Gulch",
"11205": "North Beach",
"11206": "Russian Hill",
"11207": "Financial District",
"11208": "Inner Sunset",
"11209": "Parnassus Heights",
"11210": "Forest Knolls",
"11211": "Buena Vista",
"11212": "Corona Heights",
"11213": "Ashbury Heights",
"11214": "Eureka Valley",
"11215": "St. Francis Wood",
"11216": "Sherwood Forest"
}
Does the map work on iPhones and iPads?
Yes! It does.
Does the map require jQuery or other dependencies?
No. The map does not use any jQuery and it won't interfere with jQuery or other common libraries you may be using on your page.
What browsers are supported?
Chrome, Firefox, Safari 3.2+, iOS Safari 3.2+, Opera, Opera Mobile, Internet Explorer 7+, Android Browser 3+, Android Chrome and more.
Is it possible to add or change neighborhood boundaries?
Yes, please contact us for details.
Do you have any examples?
Sure! We haven't created any examples specific to San Francisco. But you can see what's possible by checking out these US Examples or World Examples. These maps are built on the same framework (and therefore have the same functionality) as this San Francisco map.
How is the commercial product licensed?
Since this product is a bundle, each part has its own license:
Can I add neighborhoods to this map?
Yes! If you have a neighborhood shape in GeoJSON format you can easily add it to the map by following this tutorial. Don't hesitate to reach out if you need help.
Is it possible to buy just the source data or just the interactive map instead of both?
No, currently these products cannot be purchased separately, only as a bundle.
Can I buy the GIS data for all of the cities?
Yes, this is offered under our Comprehensive US Neighborhoods Database.
Home | License | Privacy | Releases | Testimonials | Resources | Documentation | Order Lookup | All Maps | FAQs
Formerly FlashUSAmap.com and FlashWorldMap.com
SimpleMaps.com is a product of Pareto Software, LLC. © 2010-2024.