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.

GitHub Page and Live Demo

Content

• Features
• Getting Started
  • Basic
  • Docker
    • Get the docker image
    • Run the docker
• Screenshots

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