Ponk Room Maps

A miscellany of information about (web) maps

A quick Bootstrap 4 try-out with map APIs from different providers. Why bother ? Well, Google Maps are totally naff at the moment for home experimentation, since the "upgrade". The road colourings are very poor - hard to find the road amongst all the other features. And getting an API key is not as simple as it used to be. I don't think they do a free version anymore, though it is hard to tell amongst all the guff on the developer website. The number of clicks before you have to pay has gone down. And, well, Google is just Google, hoovering up as much information about its' subscribers as it can.

This is not a comprehensive survey. I tried half a dozen or so map systems and chose the 3 on this page because

  • There was no fee for setting them up and experimenting
  • The instructions were clear and easy to understand
  • The map produced was clear and easy to read

This link has much more information about maps, particularly the open source variants like "Leaflet". Well worth a visit,

I first played with web maps a couple of years ago. One big problem was the inability to calculate distances between points whose post codes you knew. The required information i.e the latitude and longitude for a postcode, was locked away in the PAF.It costs hundreds of pounds to get a licence to use it. But, the other day, whilst trawling around the web looking for map information I came across this. It seems too good to be true. So that is something to experiment with over the next week or so.


Also an attempt at having a 5 column Bootstrap layout ( see below ), using some CSS from Stack Overflow. It used to be quite messy doing this before Bootstrap V4 started using a "flexbox". Now, it is easy.

The pictures below don't mean anything - they are just general "map" pictures, to fill in the space, and none of them link anywhere relevant - but do give then a click ! The flexbox works fine - the boxes change size when the containing frame changes, and they stay in one line.

Picture of a map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Picture of a map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Picture of a map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Picture of a map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Picture of a map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.