background preloader

Maps and Stuff

Facebook Twitter

"The Real-Time City" for Esquire. Polymaps. jQuery Automatic Geocoder. README.markdown jQuery Automatic Geocoder A jQuery plug-in to automatically geocode and display a location entered in a text field by a user. Usage Include jQuery.Include the Google Maps JavaScript API Version 3.Include the plug-in.Set a width and height for the map using the class name, which is jquery-auto-geocoder-map by default.Call autoGeocoder on your location input(s). Example $(function() { $('#location').autoGeocoder();}); See examples for more.

Options className The class name of the map container. Position Where to insert the map container. Delay The time, in milliseconds, to wait after a keypress before geocoding the location. Success.zoom The zoom level to use after a successful geocoding. Initial The initial options used to create the map. Credits Jan-Gerd Tenberge for the map.fitBounds(viewport) tip. License jquery-auto-geocoder uses the MIT license. Geo data sets for download. Dencity. Dencity maps population density using circles of various size and hue.

Larger, darker circles show areas with fewer people, while smaller, brighter circles highlight crowded cities. Representing denser areas with smaller circles results in additional geographic detail where there are more people, while sparsely populated areas are more vaguely defined. Read more about how Dencity was made. Adding a CSV layer. If you've found yourself on this page, we're assuming you've TileMill makes it easy to design maps from data in a CSV spreadsheet. Before you begin, you’ll need a CSV with column headings on the first row. The CSV must have a column with the heading lat and another column with the heading lon . These columns should contain geographic coordinates in degrees. If your CSV contains place names or addresses instead of lat/lon coordinates, you can geocode that data so it works in TileMill.

You can prepare your own CSV or you can use earthquake data from the USGS for practice. Start TileMill and click on the Add project button on the main screen. Enter a name for your project and click Add . Click on the new project to open it. To add a CSV layer, click Add layer . Enter earthquakes in the ID field. Enter the URL into the Datasource field. Click the Save & Style button. Preview the result in the map preview pane. Mission complete!