└── Openlayer
├── style.css
├── main.js
└── index.html
/Openlayer/style.css:
--------------------------------------------------------------------------------
1 | .map{
2 | width: 100vw;
3 | height: 500px;
4 | }
--------------------------------------------------------------------------------
/Openlayer/main.js:
--------------------------------------------------------------------------------
1 | // Map Initilization
2 | var map = new ol.Map({
3 | layers: [
4 | new ol.layer.Tile({
5 | source: new ol.source.OSM()
6 | })
7 | ],
8 | target: 'map1',
9 | controls: ol.control.defaults({
10 | attributionOptions: {
11 | collapsible: false
12 | }
13 | }),
14 | view: new ol.View({
15 | center: [0, 0],
16 | zoom: 2
17 | })
18 | });
19 |
--------------------------------------------------------------------------------
/Openlayer/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Accessible Map
9 |
10 |
11 |
12 |
13 |
14 |
15 | Home
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------