1 | ---
|
2 | layout: example.html
|
3 | title: Reprojection with EPSG.io Search
|
4 | shortdesc: Demonstrates client-side raster reprojection of OSM to arbitrary projection
|
5 | docs: >
|
6 | This example shows client-side raster reprojection capabilities from
|
7 | OSM (EPSG:3857) to arbitrary projection by searching
|
8 | in <a href="https://epsg.io/">EPSG.io</a> database.
|
9 | tags: "reprojection, projection, proj4js, epsg.io"
|
10 | resources:
|
11 | - https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.4/proj4.js
|
12 | ---
|
13 | <div id="map" class="map"></div>
|
14 | <form class="form-inline">
|
15 | <label for="epsg-query">Search projection:</label>
|
16 | <input type="text" id="epsg-query" placeholder="4326, 27700, US National Atlas, Swiss, France, ..." class="form-control" size="50" />
|
17 | <button id="epsg-search" class="btn">Search</button>
|
18 | <span id="epsg-result"></span>
|
19 | <div>
|
20 | <label for="render-edges">
|
21 | Render reprojection edges
|
22 | <input type="checkbox" id="render-edges">
|
23 | </label>
|
24 | </div>
|
25 | </form>
|