If you, like me, need a simple tool for create a rotated map with routes, it can be helpful.
- Just clone/download and launch under any web-server. Not sure it will work from local file, never tested. OR just open https://openlayers-route-editor.netlify.com
- Click at map, create / edit route. Route points will be shown in textarea below map.
- Commands:
- Save - save current route to local storage
- Copy - copy JSON array with coordinates of current route to clipboard
- Load - load route from local storage and show it on map
A. File openlayers-draw.js
. Go to very bottom of file, there is initializing of map.
- There is mine Bing maps API key. Do not use it at production.
- Change language of map labels by changing field
culture
. - Change zoom and rotation variables
B. TBC...
coord = ol.proj.transform(coord, 'EPSG:3857', 'EPSG:4326'); var lon = coord[0]; var lat = coord[1];
- OpenLayers API http:https://openlayers.org/en/latest/apidoc/index.html
- OpenLayers examples https://openlayers.org/en/latest/examples/index.html
OpenLayers examples page is quite large. There is more useful ones.
- Animation http:https://openlayers.org/en/latest/examples/feature-move-animation.html
- Measure http:https://openlayers.org/en/latest/examples/measure.html
- Icon http:https://openlayers.org/en/latest/examples/icon.html
- Color manipulation -- works very slow on Bing map http:https://openlayers.org/en/master/examples/color-manipulation.html
- Image filters: sloow too http:https://openlayers.org/en/latest/examples/image-filter.html?mode=raw
- HereMaps: TerrainDay http:https://openlayers.org/en/latest/examples/here-maps.html
- Vector layer http:https://openlayers.org/en/latest/examples/image-vector-layer.html
- Transform http:https://openlayers.org/en/master/examples/layer-extent.html?q=tile