This project aims to display JCDecaux's bikes stations with informations on a map, with a filterable and searchable table.
The project is a Vue js App.
It uses the JCDecaux API and the mapbox mapping solution.
You can select any french JCDecaux contracts as city, see here
To choose , and display contract's stations informations, just set the env variable VUE_APP_JCDECAUX_CITY as the city you aim, like nantes or creteil or toulouse or lyon etc,according to the doc
You need to install dependencies:
npm install
The project uses environment variables to work.
To set up environment variables just fill the .env file with your variables:
The environment variables are:
VUE_APP_MAPBOX_TOKEN
VUE_APP_MAPBOX_STYLE
VUE_APP_JCDECAUX_API_KEY
VUE_APP_JCDECAUX_CITY
VUE_APP_MAPBOX_TOKEN is your mapbox token see Mapbox.
VUE_APP_MAPBOX_STYLE is your Mapbox map's style url, see here.
VUE_APP_JCDECAUX_API_KEY is your JCDecaux API key, see JCDecaux dev platform.
VUE_APP_JCDECAUX_CITY is the city you aim, see here it's name is Contract on the dev platform.
To run the app:
npm run serve
To build the project:
npm run build
This command give you a dist folder.
You are free to host this folder anywhere you want.
Mine is hosting on a personal cap rover instance.
You are free to submit PR.
I will have a look and get in touch with you.
Please consider to be very detailled in your PR message.