Strange error on "new Osm()"

[NARTech001]

Hi Tino,

I've been working with gwt-ol for six month now...and i have a very strange error . I haven't modified my code for weeks...when suddenly today, this following part of my code " Osm osmSource = new Osm();" generates this error :
"com.google.gwt.core.client.JavaScriptException: (TypeError) : Cannot read properties of undefined (reading 'source')"

So, my map is not displayed.

I came back to my old version, the one which perfectly works, and I have the same error. My environment is the same, my libraries are the same, etc. The error appeared between two tests this afternoon...and i have no clue to solve it. Please, tell me you have THE solution !

Here is my code :

*_try {
/ ============= Create a OSM-layer ============= */
Osm osmSource = new Osm();
LayerOptions osmLayerOptions = OLFactory.createOptions();
osmLayerOptions.setSource(osmSource);
Tile osmLayer = new Tile(osmLayerOptions);

/* ============ Create a view ================== */
View view = new View();
Coordinate centerCoordinate = new Coordinate(longitude2PointTo, latitude2PointTo);   
//Coordinate centerCoordinate = new Coordinate(2.273475610987778, 48.54970209805017);  
Coordinate transformedCenterCoordinate = Projection.transform(centerCoordinate, UIConstants.EPSG_4326, UIConstants.EPSG_3857);
view.setCenter(transformedCenterCoordinate);
view.setZoom(zoomValue);


    /* ========================= Create the map ====================== */
    MapOptions mapOptions = OLFactory.createOptions();
    mapOptions.setTarget(MSG.APPLI_NAME());
    mapOptions.setView(view);
    
    this.map = new Map(mapOptions);
    this.map.addLayer(osmLayer);
    
}catch(Exception e) {
	Window.alert(e.toString());
}_**		

[NARTech001]

I add a precision : when I test with Mozilla, the error is "$wnd.ol is undefined".

[NARTech001]

Hi Tino,

After hours and hours, i found the solution :)
In the main HTML page, it seems that the following annotations are obsolete :

<script src="//cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v6.6.1/build/ol.js" ></script>

Now, you should use :

	**_<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ol.js" type="text/javascript"></script>	
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/ol.css">_**

I hope it helped !

[TDesjardins]

Already ansered in other thread.

How do you load the openlayers Javascript? They removed old versions online recently.... just an idea. Because of this the unit test stopped working.

You should use latest version of 6: https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v6.15.1/build/ol.js
Because the API changed on some locations after that versions, which can cause breaking your code. I will update gwt-ol for using new versions in near future that is stable with newest versions.

[NARTech001]

Hi Tino,

Thank you for your answer. I will follow your advice about ol.js and wait for the next version of gwt-ol

[TDesjardins]

@NARTech001

I forgot to say that you should download, pack and link the ol assets you need to your application to be indepedent of 3rd party services.

Greetings!