If you’re wondering how to display social media interactions from all over the world in a social media hub, our map layout is a perfect solution! We developed a customisable map for your social wall that shows posts in the location they were posted.
We’ve put a lot of work and passion into the map layout
At first glance, the new map layout doesn’t look so different from the one created at Camp404, but a lot of development has gone into the new layout.
Pavol Senko
Developer, Walls.io
I built the Walls.io Map layout starting from the original Camp404 prototype. It was an idea that I picked up and developed from scratch into what you can see and use now. It’s great to see how our customers use this layout in so many different ways.
Map Styles and Customisation Options
The map layout is available in 6 different styles that determine the look of the map itself. You can choose the map style in your wall’s design settings.
For the moment you can choose between the following map styles:
- Classic for the classic Google Maps look
- Dark for a night-like blue-tinted map
- Light for an unobtrusive, neutral map
- Greyscale for an all-grey map
- Retro for a low saturation map with low-key browns and blues
- Muted Blue for an all-blue underwater look
The basis for the map styles is Snazzy Maps, a source for community-built map styles for Google Maps.
Walls.io users won’t be able to directly pick and choose custom maps from Snazzy Maps, because this customisation is based on JavaScript and, for security reasons, Walls.io doesn’t allow regular users to add custom JS.
However, we are working to add more styles to the drop-down. And, if you want to see one particular Snazzy Map as a Walls.io map style, it can’t hurt to drop the team a line and see if you can convince them to add your preferred style. 😉
And like with all other layouts, you can, of course, customise your colour scheme to your heart’s content. Change the colour of your header, your background or your tiles and, of course, you can still customise your wall with CSS snippets.
Whether you choose to embed it on your website, display it at a live event, at your school or office, the map is entertaining and fun.
How to Make Sure Posts Show up on Your Map Wall
For posts to show up at specific locations on a social wall using the map layout, the posts have to include geographical information. Currently, the majority of posts doesn’t contain geolocation — simply because, as a matter of safety, social networks don’t query this kind of information automatically. Users have to activate this themselves and most users don’t turn geolocation on for their posts.
We have a way to remedy the geolocation issue with tweets, at least. Contrary to other networks, Twitter has a location field in user profiles. If someone has specified their location in their profile we can automatically geocode this.
Obviously, if someone has their profile location set to their hometown but is posting tweets that aren’t geocoded from a holiday in New York, their NYC photo will be wrongly mapped to their hometown.
Make it a part of your campaign to ask users to enter their location whenever this is possible, either by disclosing their location in their user profile (Twitter only) or by using the geolocation button for tweets, Facebook posts and Instagram photos.
Here are some examples from the #IChoseUMich campaign where users have activated geolocation for their posts on Twitter, Instagram, and Facebook:
We hope you enjoy the Walls.io map layout. If you’ve got any favourites from Snazzy Maps that you’d just love to see implemented for the map layout, let us know!