-
Notifications
You must be signed in to change notification settings - Fork 48
/
index.html
114 lines (104 loc) · 5.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
---
layout: default
title: World maps you can self-host - powered by free OpenStreetMap vector tiles and open-source software
description: Design and host maps with OpenStreetMap vector tiles and open-source tools. Maps are compatible with Leaflet, MapLibre GL SDKs, GIS, WMTS/WMS, XYZ map tiles, etc.
---
<div class="container padt-10">
<div class="row">
<div class="col5 padt-8">
<h1 class="home-h1 pady-2 white">Open-source maps made for self-hosting</h1>
<h3 class="white">Free OpenStreetMap Vector Tiles</h3>
</div>
<div class="col7 padt-6 padb-10">
<img class="banner-img width-100" src="/img/home-banner-map.png" alt="map ought to be here">
</div>
</div>
</div>
<div class="row bg-gray-light padt-6 padb-2">
<div class="container">
<div id="trusted" class="row">
<p class="mary-0 padx-2">Trusted by</p>
<img src="/img/home/amazon.png" alt="amazon">
<img src="/img/home/bosch.png" alt="bosch">
<img src="/img/home/carto.png" alt="carto">
<img src="/img/home/ibm.png" alt="ibm">
<img src="/img/home/planet.png" alt="planet">
<img src="/img/home/siemens.png" alt="siemens">
</div>
</div>
</div>
<div class="row bg-white center pady-8 borderbottom-gray-light">
<div class="container">
<div class="col6">
<div class="circle">
<img class="mary-2" src="/img/press/logo.png" alt="openmaptiles">
</div>
<h3>Open-source maps and schema</h3>
<p class="padt-2">Host the world maps on your own server or private cloud. <br> Generate your
<b>own vector tiles</b> from selected <br> OpenStreetMap tags or your geospatial data.
</p>
<p class="pady-2">Code on <a href="https://github.com/openmaptiles/">GitHub</a>. BSD/CC-BY license. Attribution required.
</p>
<a class="btn" href="https://github.com/openmaptiles">Sources on GitHub</a>
</div>
<div class="col6">
<div class="circle">
<img src="/img/maptiler-logo-icon.png" alt="maptiler">
</div>
<h3>Powerful map hosting from authors</h3>
<p class="padt-2">Use map hosting from authors of this open-source project <br> serving both <b>raster and
vector tiles</b>. With a few clicks you can <br/>design a <b>custom map style</b> fitting your app.
</p>
<p class="pady-2">Lowest costs. Cheaper than maintaining your own map servers.
</p>
<a class="btn" href="https://www.maptiler.com/cloud/">Maps API for developers</a>
<a class="btn" href="https://www.maptiler.com/data/">Map data for Self-hosting</a>
</div>
</div>
</div>
<div class="row center bg-white">
<div class="container">
<div class="col10 center offset1 padb-0">
<h2 class="gray pady-8">Explore our map styles</h2>
</div>
</div>
<div class="map-cards">
<a href="http://www.maptiler.com/maps/#streets//vector/3/-74/40.73"><img src="/img/map-cards-img/Street.png" alt="Street">Streets</a>
<a href="http://www.maptiler.com/maps/#hybrid//vector/3/-74/40.73"><img src="/img/map-cards-img/Satellite.png" alt="Satellite">Satellite</a>
<a href="http://www.maptiler.com/maps/#topo//vector/3/-74/40.73"><img src="/img/map-cards-img/Topo.png" alt="Topo">Topo</a>
<a href="http://www.maptiler.com/maps/#basic//vector/3/-74/40.73"><img src="/img/map-cards-img/Basic.png" alt="Basic">Basic</a>
<a href="http://www.maptiler.com/maps/#bright//vector/3/-74/40.73"><img src="/img/map-cards-img/Bright.png" alt="Bright">Bright</a>
<a href="http://www.maptiler.com/maps/#positron//vector/3/-74/40.73"><img src="/img/map-cards-img/Positron.png" alt="Positron">Positron</a>
<a href="http://www.maptiler.com/maps/#darkmatter//vector/3/-74/40.73"><img src="/img/map-cards-img/DarkMatter.png" alt="DarkMatter">Dark Matter</a>
</div>
<div class="row center bg-gray-light padt-6 padb-8 borderbottom-gray-light bordertop-gray-light">
<div class="container">
<div class="col6">
<h2 class="gray padb-2">Open Map Styles</h2>
<p>We have prepared a set of beautiful Open Map Styles <br> for our vector tiles. The styles are free and open-source, <br> and you can adapt the design and code for your project <br> or commercial product however you like.</p>
<p class="pady-2">Either use one of our map styles directly as your base map <br> or as a starting point for your own map design.</p>
<a class="btn" href="/styles/">Browse open styles</a>
</div>
<div class="col6">
<h2 class="gray padb-2">Open Tile Schema</h2>
<p>Our new Vector Tile Schema is encoding the <br> cartography decisions made on top of OpenStreetMap, <br> Natural Earth and other OpenData sources and is 100% open <br> and free to use, extend or build upon.</p>
<p class="pady-2">We hope people will adapt, copy and reimplement our schema <br> and data model in their projects while providing attribution.</p>
<a class="btn" href="/schema/">See the schema</a>
</div>
</div>
</div>
<div class="row center pady-8">
<div class="container">
<div class="col12">
<h2 class="gray">Open-source project contributors</h2>
<div id="contributors" class="row pady-6">
<img src="/img/maptiler-logo.svg" alt="maptilerlogo">
<img src="/img/home/klokantech-h.png" alt="klokan">
<img src="/img/home/hsr_logo.png" alt="hsr">
<img class="padb-0" src="/img/home/qwant.png" alt="qwant">
<img class="padb-0" src="/img/home/wikimedia.png" alt="wikimedia">
</div>
<p> … and many individual contributors on <a href="https://github.com/openmaptiles/openmaptiles">GitHub</a>.</p>
</div>
</div>
</div>