IKEA – store locator app
Written on 19 February 2012, 12:19am
Tagged with: bootstrap, fusion tables, google maps, html5, jquery
I put together a small app using the following technologies:
I spent some time adding addresses of IKEA stores from some European countries into a Google Fusion table. Then I used the Google API to display the stores on map, as an overlay, with a country filter. I also used the HTML5 geolocation capabilities to show the nearest IKEA store. Additionally, I provided the user the option to search for the nearest IKEA store from any given location.
As I said before, I used the Bootstrap user interface, along with jQuery.
At this moment, the current version is 0.8. I will make the roadmap public shortly, but the idea is to include all the European stores in the version 1.0. Also, the version 2.0 will include a separate data source (in addition to the Fusion table) and, depending on the application popularity, a public web service + API to retrieve the data. Of course, I planned to make this app scalable enough to be used with any set of geographical points – not necessarily IKEA stores 🙂
So, here it is:
Written by Dorin Moise (Published articles: 277)
- Likes (1)
-
Share
- Comments (10)
Comments (10)
Hi, This is a really good app. Have you thought of optimising it for mobile and is it possible to release the code (if possible, with tutorial) so people like me can also learn.
Regards
About optimising for mobile – yes, it’s on the list for the release 2.0.
About releasing the code – except for the tiny part containing the back-end integration (called via ajax), everything it’s really under your eyes. The JS code is not minified, though it lacks the comment verbosity. I will try to fix this in the 2.0 release.
Check back soon for the next release, it’s quite different from the current one!
Hi, thanks. I will keep checking back. Is it possible to add data from an xml file instead of a database?
The short answer is yes, it is possible.
However, please note that you need to find a way to query the xml (example – to get the locations by country or to get nearest location). Fusion tables are a great way to do this.
Hi, Fusion tables looks like the better option. Obviously it is possible to set cities instead of countries right?
So for example find closest Tesco in London.
Yes, of course.
this looks really nice and very similar to what I want to do.
can you tell us/show us the code or how you did it step by step?
or do you have a good list of links that we can click on that step us through?
Can you share the code? It is really nice app. I am working one something similiar, but cannot find sample code to start with.
The code is already there. See my comment #2