Skip to content
User Interface for tile servers using leaflet
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
src
.gitignore
Dockerfile
LICENSE
README.md
_config.yml
gulpfile.js
package.json
screenshot.png
tiles-bounds.png

README.md

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

  • 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

You can’t perform that action at this time.