mirror
/
osm2vectortiles
kopia lustrzana https://github.com/osm2vectortiles/osm2vectortiles
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

Homepage fixes, map

pull/94/head
Dalibor Janák 2015-12-14 22:19:53 +01:00
rodzic 6db9af86de
commit 23baf2f770
14 zmienionych plików z 4018 dodań i 53 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
_config.yaml
Wyświetl plik

@ -3,4 +3,4 @@ name: OSM2VectorTiles
permalink: pretty
baseurl: "http://klokantech.github.io/osm2vectortiles/"
baseurl: "/"

16
_layouts/default.html
Wyświetl plik

@ -13,16 +13,16 @@
<link href="{{ site.baseurl }}base.css" rel="stylesheet" />
<!--<script type="text/javascript" src="{{ site.baseurl }}js/index.js"></script>-->
<link rel="shortcut icon" href="{{ site.baseurl }}favicon.ico" type="image/x-icon">
</head>
<body {% if page.id == 'home' %}class="home"{% endif %}>
<div id="navbar-top">
<div class="container">
<a class="title" href="{{ site.baseurl }}">
<img src="{{ site.baseurl }}img/osm2vectortiles-logo-small-white.png" alt="OSM2VectorTiles logo">
OSM2VectorTiles</a>
OSM2VectorTiles</a>
<ul class="nav">
<li><a href="{{ site.baseurl }}">MAPS</a></li>
<li><a href="{{ site.baseurl }}maps/">MAPS</a></li>
<li><a href="{{ site.baseurl }}docs/">DOCS</a></li>
<li><a href="{{ site.baseurl }}data/download">DOWNLOADS</a></li>
<li><a href="{{ site.baseurl }}faq">FAQ</a></li>
@ -51,11 +51,11 @@
<!-- end content -->
<div class="footer">
<div class="container">
<a class="icon klokan" href="http://klokantech.com">K</a>
<a class="icon" href="https://twitter.com/klokantech">T</a>
<a class="icon" href="https://plus.google.com/+Klokantech/">G</a>
<a class="icon" href="https://www.facebook.com/klokantech">F</a>
<div class="container bordertop-block center">
<p class="padt-3">OSM2VectorTiles is maintained by
<a href="http://www.klokantech.com">KlokanTechnologies GmbH</a> and
<a href="https://github.com/geometalab">geometalab</a></p>
</div>
</div>
</body>

10
_layouts/olddefault.html
Wyświetl plik

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
{% include head.html %}
</head>
<body>
{{ content }}
{% include google_analytics.html %}
</body>
</html>

11
_layouts/oldstart.html
Wyświetl plik

@ -1,11 +0,0 @@
---
layout: default
---
{% include header_start.html %}
<section class="main-content">
{{ content }}
{% include actions.html %}
{% include contributors.html %}
{% include footer.html %}
</section>

4
_layouts/page.html
Wyświetl plik

@ -9,7 +9,9 @@ layout: default
</div>
<div class="row bg-gray-light">
<div class="col12">
<div class="container">
<strong>{{page.title}}</strong>
</div>
</div>
</div>
<div class="row">

35
_sass/_custom.scss
Wyświetl plik

@ -25,10 +25,10 @@ body{
&.home{
background: url('img/home-bg.jpg');
h1, h2, h3, h4, h5, h6{
color: #363636;
span.font-primary{
font-family: $font-primary;
}
@ -36,7 +36,7 @@ body{
color: #fff;
}
}
}
}
@ -50,6 +50,33 @@ body{
}
&.home{
height: 486px;
height: 548px;
img{
position: absolute;
left: 50%;
margin-left: -410px;
top: 230px;
}
}
}
.home-btn{
text-align: center;
margin-bottom: 40px;
h3{
margin-top: -80px;
&:hover{
color: #868d97;
}
}
&:hover{
text-decoration: none;
color: #868d97;
}
}
.btn, .btn-gray-dark{
line-height: 1.4;
}

14
_sass/_variables.scss
Wyświetl plik

@ -12,7 +12,7 @@ $color-danger: #EF3200;
$color-code: #dd1144;
/* Background color */
$body-bg: #fff !default;
$body-bg: #fbfbfb !default;
/* Global text color */
$text-color: #606c71 !default;
@ -212,14 +212,14 @@ $navside-item-padding: 20px;
/* Sticky footer */
$footer-color: #868d97;
$footer-color-bg: #374045;
$footer-link-color: #868d97;
$footer-link-hover-color: darken(#fff, 10%);
$footer-color-bg: transparent;
$footer-link-color: $link-color;
$footer-link-hover-color: darken($link-color, 10%);
$footer-link-hover-decoration: none;
$footer-height: 80px;
$footer-fontsize: 32px;
$footer-height: 120px;
$footer-fontsize: 16px;
$footer-padding: 24px 20px 16px 20px;
$footer-fontweight: bold;
$footer-fontweight: normal;
$footer-border-color: transparent;
$footer-bordertop-size: 0;

BIN
favicon.ico 100644
Wyświetl plik

Plik binarny nie jest wyświetlany.
Side by Side

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.1 KiB

BIN
img/home-banner-icons.png 100644
Wyświetl plik

Plik binarny nie jest wyświetlany.
Side by Side

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 209 KiB

46
index.html
Wyświetl plik

@ -9,13 +9,14 @@ published: true
<div class="row">
<div class="banner home col12 center padt-6">
<h1 class="white">Free Vector Tiles from OpenStreetMap</h1>
<img src="{{ site.baseurl }}img/home-banner-icons.png">
</div>
</div>
<div class="row bg-gray-light">
<div class="col12">
<div class="container center padt-5 padb-6">
<h1><span class="font-primary">OSM2</span>VECTORTILES</h1>
<h1 class="pady-4"><span class="font-primary">OSM2</span>VECTORTILES</h1>
<p class="big">Create a custom base map in minutes with our free vector tiles
from <a href="http://openstreetmap.org">OpenStreetMap</a> data.
Avoid vendor lockin but still use awesome technologies like
@ -29,14 +30,23 @@ published: true
<div class="container">
<div class="row center pady-6">
<div class="col4">
<a href="{{ site.baseurl }}"><img src="{{ site.baseurl }}img/home-examples-icon.png" alt="btn"></a>
<div class="col4 padb-4">
<a class="home-btn" href="{{ site.baseurl }}maps/">
<img src="{{ site.baseurl }}img/home-examples-icon.png" alt="btn">
<h3>Maps</h3>
</a>
</div>
<div class="col4">
<a href="{{ site.baseurl }}"><img src="{{ site.baseurl }}img/home-download-icon.png" alt="btn"></a>
<div class="col4 padb-4">
<a class="home-btn" href="{{ site.baseurl }}data/download/">
<img src="{{ site.baseurl }}img/home-download-icon.png" alt="btn">
<h3>Download</h3>
</a>
</div>
<div class="col4">
<a href="{{ site.baseurl }}"><img src="{{ site.baseurl }}img/home-deploy-icon.png" alt="btn"></a>
<div class="col4 padb-4">
<a class="home-btn" href="{{ site.baseurl }}docs/deploy/">
<img src="{{ site.baseurl }}img/home-deploy-icon.png" alt="btn">
<h3>Deploy</h3>
</a>
</div>
</div>
@ -62,15 +72,29 @@ published: true
</div>
</div>
<div class="row center pady-4">
<div class="row center pady-4 borderbottom-block">
<div class="col6">
<a href="http://www.klokantech.com/">
<img src="img/klokantech-logo.png" alt="Klokan Technologies"/>
<a href="http://www.klokantech.com/contact/">
<img src="{{ site.baseurl }}img/klokantech-logo.png" alt="Klokan Technologies"/>
</a>
</div>
<div class="col6">
<a href="http://www.ifs.hsr.ch/Geometa-Lab.12520.0.html">
<img src="img/hsr-logo.png" alt="Geometalab HSR"/>
<img src="{{ site.baseurl }}img/hsr-logo.png" alt="Geometalab HSR"/>
</a>
</div>
</div>
<div class="row center pady-4">
<div class="col6">
<p>Do you need commercial support with render in cluster?</p>
<a href="http://www.klokantech.com/" class="btn">Contact us</a>
</div>
<div class="col6">
<p>MapTiler is the easiest way to prepare raster maps</p>
<a href="http://www.maptiler.com" class="btn-gray-dark">
Read more about MapTiler
</a>
</div>
</div>

85
maps.md 100644
Wyświetl plik

@ -0,0 +1,85 @@
---
layout: page
title: Collection of Map
published: true
---
<link href='//api.mapbox.com/mapbox.js/v2.2.3/mapbox.css' rel='stylesheet' />
<link href='//api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.css' rel='stylesheet' />
<script src='//api.mapbox.com/mapbox.js/v2.2.3/mapbox.js'></script>
<script src='//api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.js'></script>
## Vector Maps
### OSM Bright
<div class="map-preview" id="vector-osm-bright-map"></div>
### Basic
<div class="map-preview" id="vector-basic-map"></div>
## Raster Maps
### OSM Bright
<div class="map-preview" id="osm-bright-map"></div>
### Streets Basic
<div class="map-preview" id="streets-basic-map"></div>
### Woodcut
<div class="map-preview" id="woodcut-map"></div>
### Comic
<div class="map-preview" id="comic-map"></div>
### Pirates
<div class="map-preview" id="pirates-map"></div>
### Light
<div class="map-preview" id="light-map"></div>
### Dark
<div class="map-preview" id="dark-map"></div>
### Wheatpaste
<div class="map-preview" id="wheatpaste-map"></div>
### 14th Street
<div class="map-preview" id="14th-street-map"></div>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoibW9yZ2Vua2FmZmVlIiwiYSI6IjIzcmN0NlkifQ.0LRTNgCc-envt9d5MzR75w';
var brightMap = new mapboxgl.Map({
container: 'vector-osm-bright-map',
style: '/styles/bright-v8.json',
center: [8.54124, 47.36686],
zoom: 6
});
var basicMap = new mapboxgl.Map({
container: 'vector-basic-map',
style: '/styles/basic-v8.json',
center: [8.54124, 47.36686],
zoom: 6
});
var comicMap = L.mapbox.map('comic-map', 'http://rastertiles.osm2vectortiles.org/comic/index.json').setView([47.3739, 8.5456], 13);
var brightMap = L.mapbox.map('osm-bright-map', 'http://rastertiles.osm2vectortiles.org/osm-bright/index.json').setView([53.390, 1.351], 6);
var lightMap= L.mapbox.map('light-map', 'http://rastertiles.osm2vectortiles.org/light/index.json').setView([48.8403, 2.4651], 10);
var darkMap= L.mapbox.map('dark-map', 'http://rastertiles.osm2vectortiles.org/dark/index.json').setView([37.6575, -122.2754], 11);
var streetsBasicMap= L.mapbox.map('streets-basic-map', 'http://rastertiles.osm2vectortiles.org/streets-basic/index.json').setView([42.59, -93.65], 4);
var woodcutMap = L.mapbox.map('woodcut-map', 'http://rastertiles.osm2vectortiles.org/woodcut/index.json').setView([42.956, 11.667], 5);
var piratesMap = L.mapbox.map('pirates-map', 'http://rastertiles.osm2vectortiles.org/pirates/index.json').setView([15.401, -76.498], 6);
var fourteenStreetMap= L.mapbox.map('14th-street-map', 'http://rastertiles.osm2vectortiles.org/14th-street/index.json').setView([46.9493, 7.4492], 15);
var wheatpasteMap = L.mapbox.map('wheatpaste-map', 'http://rastertiles.osm2vectortiles.org/wheatpaste/index.json').setView([41.8875, 12.4753], 11);
</script>

BIN
osm2vectortiles-gh-pages.zip 100644
Wyświetl plik

Plik binarny nie jest wyświetlany.

722
styles/basic-v8.json 100644
Wyświetl plik

@ -0,0 +1,722 @@
{
"version": 8,
"name": "Basic",
"sources": {
"mapbox": {
"url": "http://vectortiles.osm2vectortiles.org/world.json",
"type": "vector"
}
},
"sprite": "mapbox://sprites/mapbox/basic-v8",
"glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
"layers": [
{
"id": "background",
"type": "background",
"paint": {
"background-color": "#dedede"
}
},
{
"id": "landuse_park",
"type": "fill",
"source": "mapbox",
"source-layer": "landuse",
"filter": [
"==",
"class",
"park"
],
"paint": {
"fill-color": "#d2edae"
}
},
{
"id": "waterway",
"type": "line",
"source": "mapbox",
"source-layer": "waterway",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"river",
"canal"
]
],
"paint": {
"line-color": "#a0cfdf",
"line-width": {
"base": 1.4,
"stops": [
[
8,
0.5
],
[
20,
15
]
]
}
}
},
{
"id": "water",
"type": "fill",
"source": "mapbox",
"source-layer": "water",
"paint": {
"fill-color": "#a0cfdf"
}
},
{
"id": "building",
"type": "fill",
"source": "mapbox",
"source-layer": "building",
"paint": {
"fill-color": "#d6d6d6"
}
},
{
"id": "tunnel_minor",
"type": "line",
"source": "mapbox",
"source-layer": "tunnel",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"paint": {
"line-color": "#efefef",
"line-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
30
]
]
},
"line-dasharray": [
0.36,
0.18
]
}
},
{
"id": "tunnel_major",
"type": "line",
"source": "mapbox",
"source-layer": "tunnel",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"paint": {
"line-color": "#fff",
"line-width": {
"base": 1.4,
"stops": [
[
6,
0.5
],
[
20,
30
]
]
},
"line-dasharray": [
0.28,
0.14
]
}
},
{
"id": "road_minor",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#efefef",
"line-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
30
]
]
}
}
},
{
"id": "road_major",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#fff",
"line-width": {
"base": 1.4,
"stops": [
[
6,
0.5
],
[
20,
30
]
]
}
}
},
{
"id": "bridge_minor_case",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"paint": {
"line-color": "#dedede",
"line-width": {
"base": 1.6,
"stops": [
[
12,
0.5
],
[
20,
10
]
]
},
"line-gap-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
30
]
]
}
}
},
{
"id": "bridge_major_case",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"paint": {
"line-color": "#dedede",
"line-width": {
"base": 1.4,
"stops": [
[
12,
0.5
],
[
20,
10
]
]
},
"line-gap-width": {
"base": 1.4,
"stops": [
[
6,
0.5
],
[
20,
30
]
]
}
}
},
{
"id": "bridge_minor",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#efefef",
"line-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
30
]
]
}
}
},
{
"id": "bridge_major",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#fff",
"line-width": {
"base": 1.4,
"stops": [
[
6,
0.5
],
[
20,
30
]
]
}
}
},
{
"id": "admin_country",
"type": "line",
"source": "mapbox",
"source-layer": "admin",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"all",
[
"<=",
"admin_level",
2
],
[
"==",
"maritime",
0
]
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#8b8a8a",
"line-width": {
"base": 1.3,
"stops": [
[
3,
0.5
],
[
22,
15
]
]
}
}
},
{
"id": "poi_label",
"type": "symbol",
"source": "mapbox",
"source-layer": "poi_label",
"filter": [
"all",
[
"==",
"$type",
"Point"
],
[
"all",
[
"==",
"scalerank",
1
],
[
"==",
"localrank",
1
]
]
],
"minzoom": 5,
"layout": {
"icon-image": "{maki}-12",
"text-offset": [
0,
0.5
],
"text-field": "{name_en}",
"text-font": [
"Open Sans Semibold",
"Arial Unicode MS Bold"
],
"text-max-width": 8,
"text-anchor": "top",
"text-size": 11,
"icon-size": 1
},
"paint": {
"text-color": "#666",
"text-halo-width": 1,
"text-halo-color": "rgba(255,255,255,0.75)",
"text-halo-blur": 1
}
},
{
"id": "road_major_label",
"type": "symbol",
"source": "mapbox",
"source-layer": "road_label",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"layout": {
"symbol-placement": "line",
"text-field": "{name_en}",
"text-font": [
"Open Sans Semibold",
"Arial Unicode MS Bold"
],
"text-transform": "uppercase",
"text-letter-spacing": 0.1,
"text-size": {
"base": 1.4,
"stops": [
[
10,
8
],
[
20,
14
]
]
}
},
"paint": {
"text-color": "#666",
"text-halo-color": "rgba(255,255,255,0.75)",
"text-halo-width": 2
}
},
{
"id": "place_label_other",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"filter": [
"all",
[
"==",
"$type",
"Point"
],
[
"in",
"type",
"town",
"village",
"hamlet",
"suburb",
"neighbourhood"
]
],
"minzoom": 8,
"layout": {
"text-field": "{name_en}",
"text-font": [
"Open Sans Semibold",
"Arial Unicode MS Bold"
],
"text-max-width": 6,
"text-size": {
"stops": [
[
6,
12
],
[
12,
16
]
]
}
},
"paint": {
"text-color": "#666",
"text-halo-color": "rgba(255,255,255,0.75)",
"text-halo-width": 1,
"text-halo-blur": 1
}
},
{
"id": "place_label_city",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"filter": [
"all",
[
"==",
"$type",
"Point"
],
[
"==",
"type",
"city"
]
],
"maxzoom": 16,
"layout": {
"text-field": "{name_en}",
"text-font": [
"Open Sans Bold",
"Arial Unicode MS Bold"
],
"text-max-width": 10,
"text-size": {
"stops": [
[
3,
12
],
[
8,
16
]
]
}
},
"paint": {
"text-color": "#666",
"text-halo-color": "rgba(255,255,255,0.75)",
"text-halo-width": 1,
"text-halo-blur": 1
}
},
{
"id": "country_label",
"type": "symbol",
"source": "mapbox",
"source-layer": "country_label",
"filter": [
"==",
"$type",
"Point"
],
"maxzoom": 12,
"layout": {
"text-field": "{name_en}",
"text-font": [
"Open Sans Regular",
"Arial Unicode MS Regular"
],
"text-max-width": 10,
"text-size": {
"stops": [
[
3,
14
],
[
8,
22
]
]
}
},
"paint": {
"text-color": "#666",
"text-halo-color": "rgba(255,255,255,0.75)",
"text-halo-width": 1,
"text-halo-blur": 1
}
}
]
}

3126
styles/bright-v8.json 100644
Wyświetl plik

Plik diff jest za duży Load Diff