Can't get WMS button work about mastering_openlayers3 HOT 2 OPEN

Hi @kanerlevent,

Did you use a proxy file served from your web server when accessing GeoServer? The main problem with GeoServer is that it sits in a Java servlet, which has a different port than the main web server. Consequently, CORS (cross-origin resource sharing) limitations apply, and the browser won't accept any non-image data sent by GeoServer.

One way around this limitation is using a proxy file, like the one provided by the book. For this, your web server needs to be configured in a way, it can execute the proxy file written in Python.

The other way is configuring GeoServer to provide a special CORS header. With this header, browsers will no longer discard non-image responses from GeoServer. There are some online tutorials for achieving it with different types of Java servlets (Jetty, Tomcat).

Of course it can also be some other problem completely unrelated to CORS. Did you get any error message in your console (F12 in most browsers)?

from mastering_openlayers3.

Hello Gábor,

I realize this issue is over a year old, but I am having problems that of similar nature.

Before carrying on, I too want to say your book is of great help to me. I am learning stuff that helps me with my qGis use as well as web/GIS development.

Now to my issue: I am able to load WMS layers to my test application (I am using Firefox with cors-plugin). The script returns an error when calling createRegistry method as result of adding the layer to map -- the console reports TypeError: this.createRegistry is not a function. I am unable to hunt down the culprit for this behavior. The method fires fine when called 'manually' from init() function on both original layers.

One final note: I am running a node.js server with parcel bundler as per instruction of the OpenLayers 3 tutorials.

Edit: Just thought of one more thing -- application behaves similarly in Chromium too.
Thank you very much in advance!
Miha

from mastering_openlayers3.