This package intent to make you able to implement an openlayer map in your own website.
This EXAMPLE DEMO implements a single map with the most current maps layers providers.
- You can download the DISTRIBUTION ZIPPED PACKAGE and unzip it in your website FTP section.
- See the FULL FUNCTIONS EXAMPLE DEMO
- You can include the includes, css & javascript sections of this example on your own page (adjust the include files path to your implementation)
If you want to use external providers layers, you must acquire free keys and replace them in the html (see source comment)
- French IGN : Get your own (free) IGN key at http://professionnels.ign.fr
- OSM thunderforest : Get your own (free) THUNDERFOREST key at https://manage.thunderforest.com
- Microsoft BING : Get your own (free) BING key at https://www.microsoft.com
- Swiss Topo : You need to register your domain in https://shop.swisstopo.admin.ch
MyOL extension provides supplementary functions to Openlayers V5
- GeoJson ajax layers,
- Multi vendors maps & projections:
- OSM, Maps.Refuges.Info
- ThunderForest Outdoors, Cycles, Landscape, Transport
- IGN France, cadastre, photos
- SwissTopo
- IDEE España, photos
- IGM Italie
- OS Great Britain
- Kompass Austria
- Bing Microsoft, photos
- Google maps, photos
- Editable position marker with multi-projection position display,
- Polylines editor.
- Keep position, zoom & zoom on cookies See a DEMO here
Just include myol.js & myos.css after ol/dist, proj4js & geocoder's js & css.
- See examples/index.html for example
- Code & all tiled layers use EPSG:3857 spherical mercator projection
The coding rules are volontary simple & don't follow all openlayers's
- No class, no inheritage, no jquery...
- Each adaptation is included in a single JS function that you can include separately (check dependencies if any)
- Feel free to use, modify & share as you want
- ol/... : Openlayer last stable distribution files from Openlayers GitHub
- geocoder/... : Openlayer geocoder last stable distribution files from Openlayers geocoder GitHub
- proj4/... : Coordinate transformation software last stable distribution files from Proj4 GitHub
- examples/... : Demo files or ongoing developments
- myol.css : Specific CSS presentation
- myol.js : Specific CSS extensions
- index.html : Simple demo