Skip to content

Joxit/tile-server-ui

Repository files navigation

Tile Server UI

Overview

This project aims to provide a user interface for tile servers. The default tile-server is openstreetmap on this UI and you can add your own according to the leaflet notation (e.g. https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png). All tile servers will be stored in the local storage of your browser. This project uses Riot, riot-mui and leaflet.

Content

Features

  • Add any tile sources
  • Remove your added tile sources
  • Add an overlay (two tiles sources at the same time)
  • One interface for many tile sources
  • Show tiles bounds
  • Show meta-tile bounds
  • Save settings in local storage (servers URL, tile bounds, meta-tile bounds, meta-tile size)
  • Coordinates in the URL for position sharing

Getting Started

Basic

First you need node and npm in order to download dependencies.

git clone https://github.com/Joxit/tile-server-ui.git
cd tile-server-ui
npm install

Now you can open index.html with your browser or use a http-server

npm install -g http-server
http-server

Docker

The docker contains the source code and a node webserver in order to serve the tile-server-ui.

Get the docker image

You can get the image in three ways

From sources with this command :

git clone https://github.com/Joxit/tile-server-ui.git
docker build -t joxit/tile-server-ui tile-server-ui

Or build with the url :

docker build -t joxit/tile-server-ui github.com/Joxit/tile-server-ui

Or pull the image from docker hub :

docker pull joxit/tile-server-ui

Run the docker

To run the docker and see the website on your 80 port, try this :

docker run -d -p 80:80 joxit/tile-server-ui

Screenshots

screenshot tiles-bounds