Skip to content

Commit e8ba175

Browse files
nyuriknyurik
committed
deploy: 51d52ba 
1 parent 95126ec commit e8ba175

File tree

3 files changed

+120
-100
lines changed

3 files changed

+120
-100
lines changed

‎print.html

+60-50
Original file line numberDiff line numberDiff line change
@@ -1116,59 +1116,64 @@ <h3 id="source-tilejson"><a class="header" href="#source-tilejson">Source TileJS
11161116
curl localhost:3000/points,lines | jq
11171117
</code></pre>
11181118
<div style="break-before: page; page-break-before: always;"></div><h2 id="using-with-maplibre"><a class="header" href="#using-with-maplibre">Using with MapLibre</a></h2>
1119-
<p><a href="https://maplibre.org/projects/maplibre-gl-js/">MapLibre</a> is an Open-source JavaScript library for showing maps on a website. MapLibre can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and applies <a href="https://maplibre.org/maplibre-gl-js-docs/style-spec/">a style</a> to them to draw a map using Web GL.</p>
1120-
<p>You can add a layer to the map and specify Martin <a href="https://github.com/mapbox/tilejson-spec">TileJSON</a> endpoint as a vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
1119+
<p><a href="https://maplibre.org/maplibre-gl-js/docs/">MapLibre</a> is an Open-source JavaScript library for showing maps on a
1120+
website. MapLibre can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and
1121+
applies <a href="https://maplibre.org/maplibre-style-spec/">a style</a> to them to draw a map using Web GL.</p>
1122+
<p>You can add a layer to the map and specify Martin <a href="https://github.com/mapbox/tilejson-spec">TileJSON</a> endpoint as a
1123+
vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it
1124+
is <code>{table_name}</code> by default.</p>
11211125
<pre><code class="language-js">map.addLayer({
1122-
id: 'points',
1123-
type: 'circle',
1124-
source: {
1125-
type: 'vector',
1126-
url: 'http://localhost:3000/points'
1127-
},
1128-
'source-layer': 'points',
1129-
paint: {
1130-
'circle-color': 'red'
1131-
},
1126+
id: 'points',
1127+
type: 'circle',
1128+
source: {
1129+
type: 'vector',
1130+
url: 'http://localhost:3000/points'
1131+
},
1132+
'source-layer': 'points',
1133+
paint: {
1134+
'circle-color': 'red'
1135+
},
11321136
});
11331137
</code></pre>
11341138
<pre><code class="language-js">map.addSource('rpc', {
1135-
type: 'vector',
1136-
url: `http://localhost:3000/function_zxy_query`
1139+
type: 'vector',
1140+
url: `http://localhost:3000/function_zxy_query`
11371141
});
11381142
map.addLayer({
1139-
id: 'points',
1140-
type: 'circle',
1141-
source: 'rpc',
1142-
'source-layer': 'function_zxy_query',
1143-
paint: {
1144-
'circle-color': 'blue'
1145-
},
1143+
id: 'points',
1144+
type: 'circle',
1145+
source: 'rpc',
1146+
'source-layer': 'function_zxy_query',
1147+
paint: {
1148+
'circle-color': 'blue'
1149+
},
11461150
});
11471151
</code></pre>
1148-
<p>You can also combine multiple sources into one source with <a href="sources-composite.html">Composite Sources</a>. Each source in a composite source can be accessed with its <code>{source_name}</code> as a <code>source-layer</code> property.</p>
1152+
<p>You can also combine multiple sources into one source with <a href="sources-composite.html">Composite Sources</a>. Each source in a
1153+
composite source can be accessed with its <code>{source_name}</code> as a <code>source-layer</code> property.</p>
11491154
<pre><code class="language-js">map.addSource('points', {
1150-
type: 'vector',
1151-
url: `http://0.0.0.0:3000/points1,points2`
1155+
type: 'vector',
1156+
url: `http://0.0.0.0:3000/points1,points2`
11521157
});
11531158

11541159
map.addLayer({
1155-
id: 'red_points',
1156-
type: 'circle',
1157-
source: 'points',
1158-
'source-layer': 'points1',
1159-
paint: {
1160-
'circle-color': 'red'
1161-
}
1160+
id: 'red_points',
1161+
type: 'circle',
1162+
source: 'points',
1163+
'source-layer': 'points1',
1164+
paint: {
1165+
'circle-color': 'red'
1166+
}
11621167
});
11631168

11641169
map.addLayer({
1165-
id: 'blue_points',
1166-
type: 'circle',
1167-
source: 'points',
1168-
'source-layer': 'points2',
1169-
paint: {
1170-
'circle-color': 'blue'
1171-
}
1170+
id: 'blue_points',
1171+
type: 'circle',
1172+
source: 'points',
1173+
'source-layer': 'points2',
1174+
paint: {
1175+
'circle-color': 'blue'
1176+
}
11721177
});
11731178
</code></pre>
11741179
<div style="break-before: page; page-break-before: always;"></div><h2 id="using-with-leaflet"><a class="header" href="#using-with-leaflet">Using with Leaflet</a></h2>
@@ -1212,19 +1217,24 @@ <h3 id="source-tilejson"><a class="header" href="#source-tilejson">Source TileJS
12121217
});
12131218
</code></pre>
12141219
<div style="break-before: page; page-break-before: always;"></div><h2 id="using-with-mapbox"><a class="header" href="#using-with-mapbox">Using with Mapbox</a></h2>
1215-
<p><a href="https://github.com/mapbox/mapbox-gl-js">Mapbox GL JS</a> is a JavaScript library for interactive, customizable vector maps on the web. Mapbox GL JS v1.x was open source, and it was forked as MapLibre, so using Martin with Mapbox is similar to MapLibre described <a href="using-with-maplibre.html">here</a>. Mapbox GL JS can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and applies <a href="https://docs.mapbox.com/mapbox-gl-js/style-spec/">a style</a> to them to draw a map using Web GL.</p>
1216-
<p>You can add a layer to the map and specify Martin TileJSON endpoint as a vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
1220+
<p><a href="https://github.com/mapbox/mapbox-gl-js">Mapbox GL JS</a> is a JavaScript library for interactive, customizable vector maps
1221+
on the web. Mapbox GL JS v1.x was open source, and it was forked as MapLibre, so using Martin with Mapbox is similar to
1222+
MapLibre described <a href="using-with-maplibre.html">here</a>. Mapbox GL JS can
1223+
accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and
1224+
applies <a href="https://maplibre.org/maplibre-style-spec/">a style</a> to them to draw a map using Web GL.</p>
1225+
<p>You can add a layer to the map and specify Martin TileJSON endpoint as a vector source URL. You should also specify
1226+
a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
12171227
<pre><code class="language-js">map.addLayer({
1218-
id: 'points',
1219-
type: 'circle',
1220-
source: {
1221-
type: 'vector',
1222-
url: 'http://localhost:3000/points'
1223-
},
1224-
'source-layer': 'points',
1225-
paint: {
1226-
'circle-color': 'red'
1227-
}
1228+
id: 'points',
1229+
type: 'circle',
1230+
source: {
1231+
type: 'vector',
1232+
url: 'http://localhost:3000/points'
1233+
},
1234+
'source-layer': 'points',
1235+
paint: {
1236+
'circle-color': 'red'
1237+
}
12281238
});
12291239
</code></pre>
12301240
<div style="break-before: page; page-break-before: always;"></div><h2 id="using-with-openlayers"><a class="header" href="#using-with-openlayers">Using with OpenLayers</a></h2>

‎using-with-mapbox.html

+17-12
Original file line numberDiff line numberDiff line change
@@ -180,19 +180,24 @@ <h1 class="menu-title">Martin Tile Server Documentation</h1>
180180
<div id="content" class="content">
181181
<main>
182182
<h2 id="using-with-mapbox"><a class="header" href="#using-with-mapbox">Using with Mapbox</a></h2>
183-
<p><a href="https://github.com/mapbox/mapbox-gl-js">Mapbox GL JS</a> is a JavaScript library for interactive, customizable vector maps on the web. Mapbox GL JS v1.x was open source, and it was forked as MapLibre, so using Martin with Mapbox is similar to MapLibre described <a href="using-with-maplibre.html">here</a>. Mapbox GL JS can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and applies <a href="https://docs.mapbox.com/mapbox-gl-js/style-spec/">a style</a> to them to draw a map using Web GL.</p>
184-
<p>You can add a layer to the map and specify Martin TileJSON endpoint as a vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
183+
<p><a href="https://github.com/mapbox/mapbox-gl-js">Mapbox GL JS</a> is a JavaScript library for interactive, customizable vector maps
184+
on the web. Mapbox GL JS v1.x was open source, and it was forked as MapLibre, so using Martin with Mapbox is similar to
185+
MapLibre described <a href="using-with-maplibre.html">here</a>. Mapbox GL JS can
186+
accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and
187+
applies <a href="https://maplibre.org/maplibre-style-spec/">a style</a> to them to draw a map using Web GL.</p>
188+
<p>You can add a layer to the map and specify Martin TileJSON endpoint as a vector source URL. You should also specify
189+
a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
185190
<pre><code class="language-js">map.addLayer({
186-
id: 'points',
187-
type: 'circle',
188-
source: {
189-
type: 'vector',
190-
url: 'http://localhost:3000/points'
191-
},
192-
'source-layer': 'points',
193-
paint: {
194-
'circle-color': 'red'
195-
}
191+
id: 'points',
192+
type: 'circle',
193+
source: {
194+
type: 'vector',
195+
url: 'http://localhost:3000/points'
196+
},
197+
'source-layer': 'points',
198+
paint: {
199+
'circle-color': 'red'
200+
}
196201
});
197202
</code></pre>
198203

‎using-with-maplibre.html

+43-38
Original file line numberDiff line numberDiff line change
@@ -180,59 +180,64 @@ <h1 class="menu-title">Martin Tile Server Documentation</h1>
180180
<div id="content" class="content">
181181
<main>
182182
<h2 id="using-with-maplibre"><a class="header" href="#using-with-maplibre">Using with MapLibre</a></h2>
183-
<p><a href="https://maplibre.org/projects/maplibre-gl-js/">MapLibre</a> is an Open-source JavaScript library for showing maps on a website. MapLibre can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and applies <a href="https://maplibre.org/maplibre-gl-js-docs/style-spec/">a style</a> to them to draw a map using Web GL.</p>
184-
<p>You can add a layer to the map and specify Martin <a href="https://github.com/mapbox/tilejson-spec">TileJSON</a> endpoint as a vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it is <code>{table_name}</code> by default.</p>
183+
<p><a href="https://maplibre.org/maplibre-gl-js/docs/">MapLibre</a> is an Open-source JavaScript library for showing maps on a
184+
website. MapLibre can accept <a href="https://github.com/mapbox/vector-tile-spec">MVT vector tiles</a> generated by Martin, and
185+
applies <a href="https://maplibre.org/maplibre-style-spec/">a style</a> to them to draw a map using Web GL.</p>
186+
<p>You can add a layer to the map and specify Martin <a href="https://github.com/mapbox/tilejson-spec">TileJSON</a> endpoint as a
187+
vector source URL. You should also specify a <code>source-layer</code> property. For <a href="sources-pg-tables.html">Table Sources</a> it
188+
is <code>{table_name}</code> by default.</p>
185189
<pre><code class="language-js">map.addLayer({
186-
id: 'points',
187-
type: 'circle',
188-
source: {
189-
type: 'vector',
190-
url: 'http://localhost:3000/points'
191-
},
192-
'source-layer': 'points',
193-
paint: {
194-
'circle-color': 'red'
195-
},
190+
id: 'points',
191+
type: 'circle',
192+
source: {
193+
type: 'vector',
194+
url: 'http://localhost:3000/points'
195+
},
196+
'source-layer': 'points',
197+
paint: {
198+
'circle-color': 'red'
199+
},
196200
});
197201
</code></pre>
198202
<pre><code class="language-js">map.addSource('rpc', {
199-
type: 'vector',
200-
url: `http://localhost:3000/function_zxy_query`
203+
type: 'vector',
204+
url: `http://localhost:3000/function_zxy_query`
201205
});
202206
map.addLayer({
203-
id: 'points',
204-
type: 'circle',
205-
source: 'rpc',
206-
'source-layer': 'function_zxy_query',
207-
paint: {
208-
'circle-color': 'blue'
209-
},
207+
id: 'points',
208+
type: 'circle',
209+
source: 'rpc',
210+
'source-layer': 'function_zxy_query',
211+
paint: {
212+
'circle-color': 'blue'
213+
},
210214
});
211215
</code></pre>
212-
<p>You can also combine multiple sources into one source with <a href="sources-composite.html">Composite Sources</a>. Each source in a composite source can be accessed with its <code>{source_name}</code> as a <code>source-layer</code> property.</p>
216+
<p>You can also combine multiple sources into one source with <a href="sources-composite.html">Composite Sources</a>. Each source in a
217+
composite source can be accessed with its <code>{source_name}</code> as a <code>source-layer</code> property.</p>
213218
<pre><code class="language-js">map.addSource('points', {
214-
type: 'vector',
215-
url: `http://0.0.0.0:3000/points1,points2`
219+
type: 'vector',
220+
url: `http://0.0.0.0:3000/points1,points2`
216221
});
217222

218223
map.addLayer({
219-
id: 'red_points',
220-
type: 'circle',
221-
source: 'points',
222-
'source-layer': 'points1',
223-
paint: {
224-
'circle-color': 'red'
225-
}
224+
id: 'red_points',
225+
type: 'circle',
226+
source: 'points',
227+
'source-layer': 'points1',
228+
paint: {
229+
'circle-color': 'red'
230+
}
226231
});
227232

228233
map.addLayer({
229-
id: 'blue_points',
230-
type: 'circle',
231-
source: 'points',
232-
'source-layer': 'points2',
233-
paint: {
234-
'circle-color': 'blue'
235-
}
234+
id: 'blue_points',
235+
type: 'circle',
236+
source: 'points',
237+
'source-layer': 'points2',
238+
paint: {
239+
'circle-color': 'blue'
240+
}
236241
});
237242
</code></pre>
238243

0 commit comments

Comments
 (0)