Last week I have released a new app made with Laravel 4 that I have been working on for almost two weeks.
This app is called Mymaplist.com.
If you ever wanted to make a list of places on a map and share that map with somebody, this web application is for you. It allows users to create a map, search for places in the world using Google Maps API and add them to the map as pins, giving a name and description to each pin. Then when the map is ready the users can share it on facebook, twitter or through email interface included on the website. Only the people with the unique link will be able to see the resulting map.
The shared maps are responsive and adapt to mobile devices, they look like this and are managed through an interface I built :
Some technical details:
The need to create such app came up a few months before my trip to Europe that I am embarking on this summer. I wanted to share with my friends the places that I will be visiting on a month long trip through 6 European countries. So after making some initial sketches of the user interface and making a Laravel prototype to operate with the data I started making changes how the application worked. At first I was planning to use KML format files to store the list of locations but it proved to be not as flexible to create the maps and to edit them. For now all locations, names and descriptions are just stored in the DB so this allows the website to be fast enough in saving the pins and map details.
Technology stack for Mymaplist.com:
- Laravel as backend implementing RESTful APIs
- Backbone.JS for interfaces
- Google Maps API including the new Maps styling (achieved with google.maps.visualRefresh = true;)
- Avgrund for popups
- Hand made parallax effect on the login screen (check it out, it’s incredible)
Login screen obsession:
Would you like to test out my mapping app and provide some feedback here?
What would you like to see implemented next in this app?
Do you love or hate the parallax effect on the login form? Feel free to comment here!
Upcoming features : different icons for pins, and more map styles.
Latest posts by Maks Surguy (see all)
- Creating bar graphs with AJAX and Morris library - April 7, 2014
- Implementing Honeypot spam prevention in Laravel applications - March 31, 2014
- Integrating Bootstrap HTML/CSS Framework with web applications - March 14, 2014