Bending Maps, Inception Style

One of the most memorable scenes in Inception sees Leonardo DiCaprio’s character walking through Paris as the city appears to fold in on itself, with entire streets rising from the ground and bending over the characters below. The surreal effect makes the city seem like a three-dimensional model that can be manipulated like a sheet of paper. Orbify is exploring whether something inspired by this visual trick could have a practical use in car navigation. Orbify’s patent-pending image-processing system takes a 3D map model and warps it onto a curved surface. Instead of having to choose between a conventional top-down map and a perspective view of the road ahead, both can be displayed... more →
Posted in: Interactive Maps

The Most Optimal Road Trip Maps

In 1954, a landmark paper in computer science famously solved the Traveling Salesman Problem (TSP) by proving the exact, shortest route to visit all 48 contiguous state capitals plus Washington D.C. The underlying puzzle is deceptively simple: given a list of destinations, what is the shortest possible route that visits each location once before returning to the start? That breakthrough Maps Mania… more →
Posted in: Interactive Maps

The 5 Best 3D Subway Maps

Shinjuku Station has a well-earned reputation as one of the world’s largest and most bewildering transport hubs. The  Shinjuku Station Indoor interactive 3D map tackles that complexity by turning the station’s official indoor mapping data into a clean, schematic three-dimensional blueprint. This map strips everything back to the essential geometry of corridors, platforms and rooms, making Maps Mania… more →
Posted in: Interactive Maps

How Maps Save Lives

Fifty thousand people were killed on February 6, 2023, when a 7.8-magnitude earthquake struck southern and central Türkiye and northern and western Syria. The Night the Earth Shook, Strangers Started to Draw tells the story of how the Humanitarian OpenStreetMap Team (HOT) and thousands of volunteers responded by rapidly creating detailed maps to support rescue efforts. The Night the Earth Maps Mania… more →
Posted in: Interactive Maps

Metro Music Maps

Over a decade ago, Alexander Chen’s iconic MTA.me turned Massimo Vignelli’s 1972 New York subway map into a live, plucking string instrument. On this map every time an MTA train crosses the track of another line, it twangs like a musical string, transforming the frantic energy of New York’s transit grid into a delicate, real-time composition.The itch to turn transit data into music has recently Maps Mania… more →
Posted in: Interactive Maps

Dual Maps Goes 3D

Dual Maps, an old Maps Mania favorite, has undergone a bit of a makeover this week. As you may have heard, Google recently removed its classic 45° bird’s-eye aerial imagery from the Maps JavaScript API. This oblique aerial perspective was one of the core synchronized views offered by Dual Maps. The removal of the bird’s-eye view has therefore prompted Map Channels to undertake a ground-up revamp Maps Mania… more →
Posted in: Interactive Maps

Keyboard Free Maps

Map Gesture ControlsAlexFor most of us interactive maps are controlled with a mouse, a trackpad or touch gestures. However, some developers are exploring alternative ways to navigate maps without ever touching a keyboard or screen.Non-keyboard controls could prove especially useful for accessibility, allowing people with limited mobility to interact with maps more easily. Two recent Maps Mania… more →
Posted in: Interactive Maps

Using Google Static Maps in Your Print View

This is just a quick thought experiment really. Yesterday I was working on a demo that made use of Google’s Static Map API. I’ve blogged about this API for probably over a decade now and I rarely see people use it, but it’s a lightweight, image only "API" for when you need simple map images without interactivity. Honestly, I see a lot of sites using the full JavaScript maps library when a simpler image would be fine. It’s also an excellent way to use maps in presentations or emails as well. It occurred to me that the static map image could be a great way use of print media queries in CSS and I thought I’d build a quick demo to show this. Media queries and... more →
Posted in: JavaScript
1 2 3 33