mechevarria / demo-vue-leaflet-geoman

Sample Vue application integrating leaflet and geoman

demo-vue-leaflet-geoman

Sample web application integrating bootstrap based coreui with Vue, Leaflet and drawing controls. Initial scafold done with Vue CLI. The project can be pushed directly with a buildpack to SAP Cloud Platform

Integration and Links

• Vue cli used to generate this project
• Style Guide for Vue. Attempting to follow as best as possible
• CoreUI Bootstrap theme
• Bootstrap-Vue components
• Vue Router for view management
• Vuex for state management
• vue-mobile-detection for checking mobile state
• Vue Leaflet to show map
• Leaflet Geoman for drawing controls

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

• The server will be running on http://localhost:4200

Deploy to SAP Cloud Platform

You can create an account for free at SAP Cloud Platform

• Make sure you have the Cloud Foundry Command Line Interface (cf CLI) installed

• Update the cf-login.sh script with the values found in the SAP Cloud Foundry Cockpit. Then run the script to login.

cf-login.sh

Buildpack

• Push your code directly without the need of a container registry with the following commands (make sure you have done a build ahead of time)

cf-push.sh

• You will find a url to your deployed application in the SAP Cloud Foundry Cockpit.

Customize configuration

See Configuration Reference.