Openlayers does not print layer from geoserver -


i try print geoserver layer on website. application , geoserver instance running on separate tomcats , use different ports.

i have noticed in firefox' network inspector logs appropriate png images downloaded geoserver. noticed http requests such as:

http://localhost:8081/geoserver/wms?service=wms&version=1.3.0&request=getmap&format=image/png&transparent=true&layers=graves:graves&tiled=true&styles=graves&cql_filter=not(id < 0)&width=256&height=256&crs=epsg:2001&bbox=4762.7,-7860.5599999999995,4905.6900000000005,-7717.57

and when use such link in browser gives me png of elements. application not print of elements.

my code somehow that:

var projection = new ol.proj.projection({     code: 'epsg:2001',     extent: [4762.7, -8003.55, 4950.55, -7717.57],     units: 'm' }); ol.proj.addprojection(projection);  var mapcenter = [4880, -7930];  var mapzoom = 2;  var view = new ol.view({     center: mapcenter,     projection: projection,     zoom: mapzoom });  var wmssource = new ol.source.tilewms({   url: 'http://localhost:8081/geoserver/wms',   params: {'layers': 'graves:graves', 'tiled': true, 'styles': 'graves' },   servertype: 'geoserver',   crossorigin: 'anonymous' });   var map = new ol.map({     layers: [        new ol.layer.tile({           source: wmssource       })     ],     target: 'map',     controls: ol.control.defaults({       attributionoptions: /** @type {olx.control.attributionoptions} */ ({         collapsible: false       })     }),     view: view });

of course have div well:

<div id="map" class="map" style="width: 1030px; height: 650px;border: 1px solid #0066cc;margin-bottom: 10px;"></div>

what may cause of problem? can see no error on firefox javascript console. totally stuck.

best regards

i have solved issue. problem in line within tilewms:

crossorigin: 'anonymous'

after removing works expected. thank support!


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more