- sveltekit
- tailwindcss
- leafletjs
- openstreetmap
- yarn
- prettier
- axios
- vite
- fontawesome
- lottie
git clone
the repo andcd
into the directory- run
yarn
to install the packages yarn dev
will open the app onlocalhost:5173
This website is a progressive web app, meaning you can install it on your mobile device and use it like a native application. Just look for the Add to home screen option in your browser while visiting btcmap.org.
If you would like to embed the map on your own website, simply add the following code to your HTML:
<iframe
id="btcmap"
title="BTC Map"
width="600"
height="300"
allowfullscreen="true"
allow="geolocation"
src="https://btcmap.org/map"
>
</iframe>
You can adjust the width
and height
attributes to fit your page.
NOTE: If you want the geolocation feature to work you must also allow this in the Permissions Policy HTTP Header
on the server of your website.
Permissions-Policy: geolocation=(self "https://btcmap.org")
For more information see this article.
If you would like the map the initialize on a specific location there are a couple more steps to complete
- Visit btcmap.org/map and zoom the map to your desired location
- Click anywhere on the map and open up the
console
inDevTools
for your browser - An iframe
src
attribute URL will be generated for you like this:
Here is your iframe embed URL: https://btcmap.org/map?lat=47.502358951968596&long=39.58374023437501&lat=40.63896734381725&long=24.587402343750004
Thanks for using BTC Map!
- Add this URL to your
iframe
embed code
Add the preferred payment method(s) as URLSearchParams
to the src
attribute of your iframe
. These can be added in addition to the location params above.
The available options are:
- onchain
- lightning
- nfc
Example: /map?onchain&lightning
That's it!
Thanks to:
- OpenStreetMap (OpenStreetMap, OpenStreetMapDE, OpenStreetMapFR)
- OpenTopoMap (Topo)
- ESRI (Imagery)
- Stamen (Terrain, Toner, Toner Lite, Watercolor)