Code Monkey home page Code Monkey logo

civil-services-geojson-app's Introduction

Civil Services Logo

Civil Services is a collection of tools that make it possible for citizens to be a part of what is happening in their Local, State & Federal Governments.

GeoJSON Mapbox Electron App

GitHub license GitHub contributors

Electron App for Loading GeoJSON files with Mapbox

We built this app because we are creating a few thousand GoeJSON files and discovered that there was no easy way to view them on your local computer. Since GeoJSON files are important to our development process, and likely important to yours, we decided to spend the time to make a native app that you can use to open GeoJSON files on your local machine.

App Demo

App Features

This initial release was developed as a weekend project by @mrmidi so it certainly has room to grow, but currently this app has the following features:

  • Supports .json & .geojson file extensions
  • Open GeoJSON Maps via File > Open Menu
  • Open GeoJSON Maps via Drag & Drop onto App
  • Open GeoJSON Maps via Command Line ( as either raw data or file path )
  • Built with Multiple Language Support ( just add a JSON file in ./translations )
  • Six different Map Themes: Dark, Light, Outdoors, Satellite, Streets & Hybrid ( Satellite Streets )
  • Slide out Drawer to preview GeoJSON Map Properties for Clicked Features
  • Automatic Data Conversion of URLs & Images for instant previews
  • Automatically reloads the last file you were looking at when you restart the app
  • Keeps track of your app preferences ( selected theme, window size & location )

Install App

Installation is done via NPM Installation:

npm install -g civil-services-geojson-app

Launch App

You can launch the app using a Terminal Window via:

Directly by Name:

geojson

Via NPM Script:

cd /path/to/this/project
npm start

Via Node:

cd /path/to/this/project
node ./bin/cli.js

Advanced Launch Options

This can be used by either geojson or node ./bin/cli.js methods:

geojson /path/to/filename.geojson
cat filename.geojson | geojson

Currently there is only one flag you can pass, which is used to set the theme. Here are the current theme options:

geojson /path/to/filename.geojson --theme=dark
geojson /path/to/filename.geojson --theme=light
geojson /path/to/filename.geojson --theme=outdoors
geojson /path/to/filename.geojson --theme=satellite
geojson /path/to/filename.geojson --theme=streets
geojson /path/to/filename.geojson --theme=satellite-streets

Build Native App

If you are feeling a bit adventurous and want to actually build the app on your machine as a Native App, there are a few commands setup to make that easy. All Native Apps are package and built into the ./builds directory. These files are not included in this project as they would not likley work for everyone.

MacOS

npm run build-osx

Windows

npm run build-windows

Linux

npm run build-linux

MacOS App Store

npm run build-osx-app-store

civil-services-geojson-app's People

Contributors

manifestinteractive avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.