| 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>
|