28th February 2014
Weekly updates on things that’s in the works(or at least in thoughts) is something I should try out, mostly because most of my small ideas and experiments never end up being public. Even I I drop a idea or a small project I should share it so someone else who could turn it into something useful.
So to start with the things that I have achieved(or not achieved).
First of all I added the export as GeoJSON feature to OMap Mapper during a bus trip(Monday morning). Edit/Delete functionality is in the works, I needed to use the XMLHttpRequest object for the first time ever(think jQuery). Then I also got a great idea about how I should style a custom marker cluster using some evil CSS3 ;-) Hopefully this project will get a couple of more orienteers involved in OSM.
Then I’m working on rewriting my workout diary, adding support for custom activities, workout planing, sharing, following and statics. It isn’t a public project but that might change.
Than I have been thinking about a “Blue Sky” project, the idea first popped up in my mind a few months ago. i won’t go into details at all but if I end up working on this project it will be huge. It’s a space and WEBGL related project and I actually emailed NASA yesterday asking about some data. If I make any progress on this project, you will be available to read it here!
That’s it for now :-)
23rd February 2014
Since some hours back OMap Mapper is published at Github, some hours of coding and 44 commits. 50% PHP, 20% JavaScript and 30% CSS, Github got the commits graphs for those who is interested.
If you would like to download and install it, you should note that you will probably need to change upload_max_filesize in php.ini and that I filed in some issues in the bug tracker.
Before I can recommend this to non developers I will need to add delete/edit support and exporting/embedding to the list of features. By the time I will also write a installation guide for non-developers and publish it here at my blog and on the OMap Mapper wiki. Hopefully orienteers will start contributing to the Open Street Map project too.
Third-party projects that the project uses includes:
Leaflet
JavaScript library for interactive maps the best map library you can work with!
Leaflet Markercluster
A Leaflet plugin for dealing with marker clusters, nice animations and easy to customize.
Open Street Map
Provides the best map data on the web, and is one of the largest open data projects in the world.
IcoMoon Icons
Great and nice looking icon font.
All the blog posts about OMap Mapper:
That’s it, had a great time creating this and hopefully it will continue to be improved over time. This project will result in more future blog posts and other stuff.
Zip Download
21st February 2014
Day five and the application now works as it should, so tomorrow code cleaning, on Sunday push to Github and on Monday back to school. Now you can register/upload maps, and you can browse them.
That’s it, over the past five days I have spent 5 hours on this project(totally) so I think it’s okay that you can’t edit or delete maps right now, probably I will push some updates while sitting on the bus in the coming weeks.
So tomorrow testing code cleaning and minor fixes.
Future features that I would like to add:
- edit
- delete
- export(GeoJSON + embedding code)
- custom icon markers
- responsive design
- option to disable transitions
Then I the “Mozilla” Blue sky too ;-)
Supported browsers right now are Opera, Chrome and IE10+ Firefox works but it can’t handle all the CSS transitions…
20th February 2014
Day four now!
All the database input is now done, I had the PDO class since before. I don’t deal with sanitizing right now, isn’t a application that should run public on the Internet, it’s a application that should run on a computer or a file server… I don’t know if sanitizing is necessary when the database input is made with PDO prepared statements(need to do my reading). If it’s then sanitizing is a part of the Blue Sky…
I did run into a issue with the Marker cluster plugin, when I did remove all the example output and leaved the Feature object empty, Leaflet did not render the map at all so I was not able to select a location or browse the map at all. I do not have a good solution for this, but I have a working, not to bad fix for it. If the database don’t have any rows, a GeoJSON example Feature object will be outputted and a example map will be used, if any rows exists this will not be outputted. Doing it this way I both provide a example and fixes the issue.
Then I did all the missing CSS except the forms, but I deal with them fast, and when I did write that it isn’t responsive I mean that you need a 1920x1080 screen, not bigger not smaller. :-P