San Francisco Neighborhoods

HTML5 Map built with JavaScript and SVG
Includes source Shapefile and GeoJSON.

Compatible with all browsers and phones

Customizable Map of San Francisco's Neighborhoods

Other Cities Entire US San Francisco Zips

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 static 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 and the city background features as a JPG file*. This allows you to extend our JavaScript map in new ways or even use our source data for original creations of your own.

Customize Online

*Raster image of San Francisco was created using data from OpenStreetMap under the Open Database License 1.0 license. © OpenStreetMap.

Free Commercial
Commercial useAllowedAllowed
LicenseODbL 1.0Permissive
AttributionRequiredNot required
SVG (neighborhoods)
JPG* (city features)
Shapefile (.shp)
GeoJSON (.json)
JavaScript Map
Customizable Online
One-time feeFree$199
Buy Now!

Satisfaction Guaranteed

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.


Simple to Use

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.

Mobile Compatible

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.

Awesome Support

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!

Pinpoint Locations

Add location markers to the map using only latitude and longitude. Choose shapes or images. Easily customize the size, color, and description.

Clickable Neighborhoods

Click on a neighborhood (e.g. Seacliff) to zoom or go a specific url. Use the map to simplify your website's user interface.

Fully Customizable

Almost every aspect of the map can be customized. Colors, descriptions, links, labels, locations, regions and much more.

Included Neighborhoods

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:

  • The interactive map is licensed on a per-domain basis under our standard map license.
  • The Shapefile (.shp) and GeoJSON (.json) files are licensed under our data license which is permissive but prohibits redistribution.
  • The background raster image is offered under the ODbL 1.0 license which requires attribution of the data source - OpenStreetMap. This is why the background image include © OpenStreetMap in the corner.

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 and is a product of Pareto Software, LLC. © 2010-2024.