mapbox / geojson.io Goto Github PK

View Code? Open in Web Editor NEW

1.9K 169.0 560.0 24.03 MB

A quick, simple tool for creating, viewing, and sharing spatial data

Home Page: http://geojson.io/

License: ISC License

HTML 8.93% CSS 11.06% JavaScript 79.72% Shell 0.28%

geojson

geojson.io's Introduction

geojson.io

A fast, simple editor for map data. Read more on Mapbox, macwright.org.

Goes Great With!

Tools

Using geojson.io with GitHub is better with the Chrome Extension
geojsonio-cli lets you shoot geojson from your terminal to geojson.io! (with nodejs)
geojsonio.py lets you shoot geojson from your terminal to geojson.io! (with python)

API

You can interact with geojson.io programmatically via URL parameters. Here is an example of geojson encoded into the URL:

http://geojson.io/#data=data:application/json,%7B%22type%22%3A%22LineString%22%2C%22coordinates%22%3A%5B%5B0%2C0%5D%2C%5B10%2C10%5D%5D%7D

Full API documentation can be found in API.md.

Development

Clone this repository
Install dependencies
Run npm start

npm start uses concurrently to run live-server which will serve the project directory in your browser and listen for changes, rollup which will build the js and css bundles, and npx tailwindcss which builds css/tailwind_dist.css (including only the tailwind rules needed in the project)

rollup can take several seconds to build before changes appear in the browser.

If you get an error resolving dependencies related to rollup on newer versions of node, then try npm install --force and be sure to not commit changes to package-lock.json.

Production Build & Deployment

npm run build will create minified bundles in /dist. You can try out the production build with npm run serve which will run live-server.

To deploy to github pages, use npm run deploy. This will run the deploy script in deploy.sh, which creates a new orphan branch from the current branch, runs a production build, and force pushes to the gh-pages branch.

License

geojson.io's People

Contributors

Stargazers

Watchers

Forkers

frankrowe elidupuis klokan jieter rclark dakotabenjamin mappingkat jwass aranguren pxp44 calvinmetcalf rukku esk525 kenichi uplanning reidab tyrasd mugizico bflood intfrr nleclerc shuhanzhang elf-pavlik web5design destinyonesystems jerrysievert imclab landonreed connor daguar imthepusher muchcontact nunotoriz euskode datadesk smathermather drzax andrewkett kooliethekangaroo plasa839 ardianzzz diogok openbangalore vasile markwaredotnet brunobord pawaring eltonrodrigues morganherlocker srthurman pgiraud cschwarz darbio eduortega flaviofalcao davidkong xkwangy alaframboise stephanebachelier wangshijun kochizufan humanitariandata snkashis donnyv paintzen atlregional fgcarto smnorris nvdnkpr spaceknow brulis datajensen baziz rfox90 pedrocactus jurisfy mcuelenaere vdubr lucasmarshall zauberstuhl setuc srstsavage thdtjsdn jjediny pyfadet benzeng basilveerman bmcbride tdubolyou doe-nepa julesbonnard hampelm davebrent todrobbins entylop poetsrock ospreyx atrochator javiermaly dreamingblackcat

geojson.io's Issues

Image export

https://github.com/veltman/pancakejs (not enough)

Will have to write a leaflet plugin for this.

people will think 'valid' icon means 'like'

Shared embeds should use the current baselayer

Loading the example file doesn't load it in the text editor

Add map title and description

Feature Request: Undo Feature

This is damn killer Tom.

How feasible would it be to have an undo button ? If you selected the wrong point while you're making a polygon for example.

visual tooltip designer

option for custom mapbox base layer

@tmcw - @brunosan and I had a use case for a custom base layer in geojson.io today. I added the map layer with var customTiles = L.mapbox.tileLayer(account.mapId).addTo(map);, and it worked fine. It might be a cool option to open up in the UI. What do you think?