Openlayers 6 Tutorial #3 - First Web Map

Get the full Openlayers 6 course from UDEMY. Discount auto-applied

In this tutorial, we will look at Openlayers v6 (open-source, front-end, JavaScript web mapping library) and discuss view, raster basemap layers, layer switcher, vector layers, basic styling of vector features and interaction with vector features.

[rajatpatel]

For those who are having problems..
1. If there is an error that 'ol' is not defined, make sure to put the script tag of open layers above everything, such as in head tag.
2. If you can't see the map, make sure to add a height and width to the map in you main.css
as .map {
height: 400px;
width: 100%;
}
Like it this helped so that others might not get stuck here.

[summerdragon]

Actrally we can find some sugestion from browser(chrom)
press f12 and we can find some trouble
#js-map {
height: 800px;
width: 100%;
}
this can help you that you can't see the map

[PrabhuLenka-tt]

ol.view is not a constructor when run the program and ol.js is not in the extracted zip ?

[soniaverma]

Can we use a different map here?
if yes, please let me know what changes should be made

[GISforWE]

Thanks
But I have a problem, when I turn index.html, the map does not appear?
Could you help me

[Wincow]

I'm stuck at 4:22. For some reason when I right click in the html, "Open with live server" is not an available option. What am I doing wrong? Thanks!

[camillearchambault]

Hi! Even if I added the style preference, the map still doesn't show up when I go into the Live server, please help!

[ElenaPoliti]

Hi in your course on udemy do you provide some follow up?

[pavansairammuddana]

how to setup OL/controls and how to Import import OL Modules in Javascript

[teo]

I don't see where you're defining the size of the map frame element?

[Mohx]

it does not work with me ?
i follow all the step!!

[masonlanphear]

I am stuck at 1:23. When I try to add "const map = new ol.Map()" it defaults to "const map = new onlanguagechange."

[stefanstamenkovic]

Ok, it seems that I can't load openlayers library from file (ol.js). My code is exactly the same as yours...
* I have some experience with building web maps but I haven't used downloaded library jet, I have always used github link for it. Any suggestions? Thanks!

[sietze]

I am stuck with a ReferenceErro: window is not defined :(