Skip to content

Commit

Permalink
Update Posts “maphopping”
Browse files Browse the repository at this point in the history
  • Loading branch information
01100100 committed Aug 10, 2024
1 parent 5b7d747 commit 69a092e
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 24 deletions.
43 changes: 19 additions & 24 deletions content/posts/maphopping.md
Original file line number Diff line number Diff line change
@@ -1,31 +1,26 @@
---
type: posts
title: "Map Hopping Made Easy! 🗺️🦘🗺️"
subtitle: "Yet another useful tool in the modern mapping ecosystem."
title: Map Hopping Made Easy! 🗺️🦘🗺️
subtitle: Yet another useful tool in the modern mapping ecosystem.
date: 2024-07-09T23:28:25+02:00
lastmod: 2024-07-09T23:28:25+02:00
draft: false
authors: []
description: " Yet another useful tool in the modern mapping ecosystem."

draft: false
tags: []
categories: []
series: []

hiddenFromHomePage: false
hiddenFromSearch: false

featuredImage: ""
featuredImagePreview: "/videos/maphopping/all_maps_greenwich.gif"

featuredImagePreview: /images/map-hopping-made-easy-🗺️🦘🗺️/screenshot-from-2024-08-04-00-20-39.png
toc:
enable: true
math:
enable: false
lightgallery: true
license: ""
---

<!--more-->

## The Problem
Expand All @@ -52,10 +47,10 @@ Consider for the sake of some examples, the undisputed arbitrarily-chosen center

Here’s how different mapping services encode this information into the URL:

- OpenStreetMap: [`https://www.openstreetmap.org/#map=13/51.4769/0.0000`](https://www.openstreetmap.org/#map=13/51.4769/0.0000)
- Komoot: [`https://www.komoot.com/plan/@51.4769000,0.0000000,12.000z`](https://www.komoot.com/plan/@51.4769000,0.0000000,12.000z)
- Windy: [`https://www.windy.com/?51.477,0.000,13`](https://www.windy.com/?51.476,0.000,13)
- Google Maps: [`https://www.google.com/maps/@51.4769,0.0000,13z`](https://www.google.com/maps/@51.4769,0.0000,14z)
* OpenStreetMap: [`https://www.openstreetmap.org/#map=13/51.4769/0.0000`](https://www.openstreetmap.org/#map=13/51.4769/0.0000)
* Komoot: [`https://www.komoot.com/plan/@51.4769000,0.0000000,12.000z`](https://www.komoot.com/plan/@51.4769000,0.0000000,12.000z)
* Windy: [`https://www.windy.com/?51.477,0.000,13`](https://www.windy.com/?51.476,0.000,13)
* Google Maps: [`https://www.google.com/maps/@51.4769,0.0000,13z`](https://www.google.com/maps/@51.4769,0.0000,14z)

Most mapping libraries have built-in support for this feature out of the box.

Expand All @@ -72,7 +67,7 @@ let map = new Map({
})
```

If you're using [Leaflet](https://leafletjs.com), there is a popular plugin that does this [https://github.com/mlevans/leaflet-hash](https://github.com/mlevans/leaflet-hash).
If you're using [Leaflet](https://leafletjs.com), there is a popular plugin that does this <https://github.com/mlevans/leaflet-hash>.

{{< /admonition >}}

Expand Down Expand Up @@ -100,12 +95,12 @@ The template string uses the placeholders `{x}`, `{y}` and `{z}` to insert the c

The full list of parameters is documented in the [MapSwap README](https://gitlab.com/trailstash/mapswap/-/blob/main/README.md).

- `{x}` - Longitude
- `{y}` - Latitude
- `{z}` - Mapbox & MapLibre style Floating-point Zoom level
- `{Z}` - Google style Floating-point Zoom level (one greater than Mapbox/MapLibre style zoom)
- `{Zr}` - Leaflet style integer Zoom level (one greater than Mapbox/Maplibre style zoom)
- `{zr}` - Integer Zoom level (don't know if any maps use this)
* `{x}` - Longitude
* `{y}` - Latitude
* `{z}` - Mapbox & MapLibre style Floating-point Zoom level
* `{Z}` - Google style Floating-point Zoom level (one greater than Mapbox/MapLibre style zoom)
* `{Zr}` - Leaflet style integer Zoom level (one greater than Mapbox/Maplibre style zoom)
* `{zr}` - Integer Zoom level (don't know if any maps use this)

## The Mapping community

Expand All @@ -125,7 +120,7 @@ Imagine planning a big winter ski-touring-bike-packing trip using Komoot on the

Sounds awesome, however browser security restrictions make this a bit tricky... a topic for another post.

[^triangulation]: [https://en.wikipedia.org/wiki/Triangulation](https://en.wikipedia.org/wiki/Triangulation)
[^window.location]: [https://developer.mozilla.org/en-US/docs/Web/API/Window/location](https://developer.mozilla.org/en-US/docs/Web/API/Window/location)
[^prime-meridian-history]: [https://en.wikipedia.org/wiki/Prime_meridian#Prime_meridian_at_Greenwich](https://en.wikipedia.org/wiki/Prime_meridian#Prime_meridian_at_Greenwich)
[^bookmarklet]: [https://en.wikipedia.org/wiki/Bookmarklet](https://en.wikipedia.org/wiki/Bookmarklet)
[^triangulation]: <https://en.wikipedia.org/wiki/Triangulation>
[^window.location]: <https://developer.mozilla.org/en-US/docs/Web/API/Window/location>
[^prime-meridian-history]: <https://en.wikipedia.org/wiki/Prime_meridian#Prime_meridian_at_Greenwich>
[^bookmarklet]: <https://en.wikipedia.org/wiki/Bookmarklet>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 69a092e

Please sign in to comment.