Our project is ready with required project structure and Gradle dependency and configuration. It's time to write the application code.
The UI or frontend is made with pure HTML, CSS, and JS with jQuery.
We just have a single HTML page called index.html
:
<!DOCTYPE html> <html> <head> <title>Geospatial Messenger</title> <!-- CSS --> <link rel="stylesheet" href="http://openlayers.org/en/v4.3.3/css/ol.css" type="text/css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/ bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> <!-- JS --> <script src="http://openlayers.org/en/v4.3.3/build/ol.js"> </script> <!-- jQuery --> <script src="https://ajax.googleapis.com...