CINXE.COM
San Francisco - MapIt
<!DOCTYPE HTML> <html lang="en-gb"> <head> <meta charset="UTF-8"> <meta http-equiv="imagetoolbar" content="false"> <meta name="description" content="MapIt: a web service that maps postcodes and geographical points to administrative areas."> <title>San Francisco - MapIt</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/static/mapit/css/mapit.251ea1f196a1.css" rel="stylesheet"> <link rel="stylesheet" href="/static/mapit/leaflet/leaflet.a84d4203ddf5.css" /> <!--[if lte IE 8]> <script src="/static/mapit/js/html5shiv.min.df92d91cba37.js"></script> <script src="/static/mapit/js/respond.min.ff4676c49703.js"></script> <![endif]--> <script src="/static/mapit/js/reqwest.min.c949fe855720.js"></script> <script src="/static/mapit/leaflet/leaflet.f1cc0a70c78b.js"></script> </head> <body> <div class="ms-header"> <nav class="ms-header__row"> <a class="ms-header__logo" href="https://www.mysociety.org">mySociety</a> </nav> </div> <header class="site-header"> <div class="container"> <a href="/" class="site-title"><h1>MapIt <small>Global </small></h1></a> <nav role="navigation" class="site-nav"> <ul> <li> <a href="/overview">Overview</a> </li> <li> <a href="/">API Documentation</a> </li> </ul> </nav> </div> </header> <div class="content "> <header class="area_info"> <h2>San Francisco <em class="area_id">ID 997048</em></h2> <ul> <li>Type: <a href="/areas/O08.html">OSM Administrative Boundary Level 8</a> <small>(O08)</small></li> <li>Exists in generations: 8–10</li> <li>Country: United States of America, Global</li> <li>Get <a href="/area/997048">this data as JSON</a></li> </ul> </header> <div id="map"><div id="leaflet"></div></div> <script> var map = new L.Map("leaflet"); map.attributionControl.setPrefix(''); var osm = new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', maxZoom: 18 }); map.addLayer(osm); var mapit = mapit || {}; mapit.area_loaded = function(data) { var area = new L.GeoJSON(data); area.on('dblclick', function(e){ var z = map.getZoom() + (e.originalEvent.shiftKey ? -1 : 1); map.setZoomAround(e.containerPoint, z); }); area.mapit_id = this.mapit.id; if (this.mapit.text) { area.on('mouseover', function(e) { e.target.setStyle({ color: '#f00' }); }); area.on('mouseout', function(e) { e.target.setStyle({ color: '#38f' }); }); area.bindPopup(this.mapit.text); } mapit.areas.addLayer(area); map.fitBounds(mapit.areas.getBounds()); }; mapit.areas = L.featureGroup().addTo(map); </script> <script> reqwest({ url: '/area/997048.geojson?simplify_tolerance=0.0001', type: 'json', mapit: { id: "area/997048", text: "" }, success: mapit.area_loaded }); </script> <section class="details"> <ul> <li> <h3>Geometry:</h3> <ul> <li><a href="/area/997048/geometry">Geometry (<small>JSON</small>)</a></li> <li><a href="/area/997048.wkt">WKT</a></li> <li><a href="/area/997048.geojson">GeoJSON</a></li> <li><a href="/area/997048.kml">KML</a></li> </ul> </li> <li> <h3>Areas:</h3> <ul> <li><a rel="nofollow" href="/area/997048/touches.html">Touching this area</a></li> <li><a rel="nofollow" href="/area/997048/overlaps.html">Overlapping this area</a></li> <li><a rel="nofollow" href="/area/997048/covered.html">Covering this area</a></li> <li><a rel="nofollow" href="/area/997048/covers.html">Covered by this area</a></li> <li><a rel="nofollow" href="/area/997048/coverlaps.html">Covered by or overlapping this area</a></li> <li><a rel="nofollow" href="/area/997048/intersects.html">Intersects this area</a></li> </ul> </li> <li> <h3>Codes:</h3> <ul> <li>osm_rel: <a href="http://www.openstreetmap.org/browse/relation/111968">111968</a> </li> </ul> </li> <li> <h3>Alternative Names</h3> <ul> <li>سان فرانسيسكو in <span class="language-name">Arabic</span></li> <li>旧金山 in <span class="language-name">Chinese</span></li> <li>샌프란시스코 in <span class="language-name">Korean</span></li> <li>Hana Paraniko in <span class="language-name">Maori</span></li> <li>San Francisco in <span class="language-name">Occitan (post 1500)</span></li> <li>سان فرانسیسکو in <span class="language-name">Persian</span></li> <li>São Francisco in <span class="language-name">Portuguese</span></li> <li>Cựu Kim Sơn in <span class="language-name">Vietnamese</span></li> </ul> </section> </div> <div class="mysoc-footer" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-7"> <h2 class="mysoc-footer__site-name">MapIt: Global </h2> <div class="mysoc-footer__site-description"> <p>Point-to-boundary mapping, anywhere in the world. Input a geographical location, and MapIt returns the relevant administrative area. </p> </div> <div class="mapit-copyright"> <p id="copyright">This database contains OpenStreetMap data © <a href="http://www.openstreetmap.org/">OpenStreetMap</a> and contributors; the data from generation 1 can be used under the <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA-2.0</a> license, while the data from all more recent generations can be used under the <a href="http://opendatacommons.org/licenses/odbl/1.0/">ODbL</a>. </p> </div> </div> <div class="col-sm-2"> </div> <div class="col-sm-3"> <div class="mysoc-footer__donate"> <p>Your donations keep this site and others like it running</p> <a href="https://www.mysociety.org/donate?utm_source=mapit.mysociety.org&utm_content=footer+donate+now&utm_medium=link&utm_campaign=mysoc_footer" class="mysoc-footer__donate__button">Donate now</a> </div> </div> </div> <hr class="mysoc-footer__divider" role="presentation"> <div class="row"> <div class="col-sm-3"> <div class="mysoc-footer__orgs"> <p class="mysoc-footer__org"> Built by <a href="https://www.mysociety.org?utm_source=mapit.mysociety.org&utm_content=footer+logo&utm_medium=link&utm_campaign=mysoc_footer" class="mysoc-footer__org__logo mysoc-footer__org__logo--mysociety">mySociety</a> </p> </div> </div> <div class="col-sm-6"> <div class="mysoc-footer__legal"> <p><a href="https://www.mysociety.org?utm_source=mapit.mysociety.org&utm_content=footer+full+legal+details&utm_medium=link&utm_campaign=mysoc_footer">mySociety</a> is a registered charity in England and Wales (1076346) and a limited company (03277032). We provide commercial services through our wholly owned subsidiary <a href="https://www.societyworks.org?utm_source=mapit.mysociety.org&utm_content=footer+full+legal+details&utm_medium=link&utm_campaign=mysoc_footer">SocietyWorks Ltd</a> (05798215).</p> </div> </div> <div class="col-sm-3"> <ul class="mysoc-footer__badges"> <li role="presentation"><a href="https://github.com/mysociety/mapit" class="mysoc-footer__badge mysoc-footer__badge--github">Github</a></li> <li role="presentation"><a href="https://twitter.com/mysociety" class="mysoc-footer__badge mysoc-footer__badge--twitter">Twitter</a></li> <li role="presentation"><a href="https://www.facebook.com/mysociety" class="mysoc-footer__badge mysoc-footer__badge--facebook">Facebook</a></li> </ul> </div> </div> </div> </div> </body> </html>