Map UI layer grouping and WMTS issue

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Map UI layer grouping and WMTS issue

Aapo Kuusela
Dear all,

I'm trying to make the GeoNetwork map UI look better by grouping the layer
list by categories. My goal is to have similar drop-down menus for each
layer category than the default "Background maps" drop-down. Does anyone
have a solution on how to accomplish such grouping? I know the layer lists
can be configured in config-viewer.xml but I have not managed to accomplish
such grouping by configuring this file.

Currently our Map UI looks a bit messy as we have tens of layers in a
single list. See example screens on what I'm trying to accomplish here:
http://imgur.com/a/l99uA


Another issue I'm having is regarding WMTS. I'm trying to add WMTS layers
from http://gis.sinica.edu.tw/worldmap/ (
http://gis.sinica.edu.tw/worldmap/wmts?) to our GeoNetwork Map UI but
receive error message. In QGIS these WMTS layers work fine:

"Error: a.layer.getSource(...).getParams is not a function
g@http://45.76.148.41:8888/geonetwork/static/gn_search_default.js:878:364
link@http://45.76.148.41:8888/geonetwork/static/gn_search_default.js:879:388
ia/<@http://45.76.148.41:8888/geonetwork/static/lib.js:98:58
ma@http://45.76.148.41:8888/geonetwork/static/lib.js:98:117
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:405
Y/<@http://45.76.148.41:8888/geonetwork/static/lib.js:94:206
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:395
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:349
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:349
Y/<@http://45.76.148.41:8888/geonetwork/static/lib.js:94:206
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
R/<@http://45.76.148.41:8888/geonetwork/static/lib.js:76:17
Yb/<@http://45.76.148.41:8888/geonetwork/static/lib.js:80:362
d@http://45.76.148.41:8888/geonetwork/static/lib.js:77:352
l@http://45.76.148.41:8888/geonetwork/static/lib.js:81:384
compile/</<@http://45.76.148.41:8888/geonetwork/static/lib.js:313:250
$watchCollection/<@http://45.76.148.41:8888/geonetwork/static/lib.js:157:30
$digest@http://45.76.148.41:8888/geonetwork/static/lib.js:158:119
$apply@http://45.76.148.41:8888/geonetwork/static/lib.js:161:33
compile/</<@http://45.76.148.41:8888/geonetwork/static/lib.js:285:444
dispatch@http://45.76.148.41:8888/geonetwork/static/lib.js:9:9954
add/y.handle@http://45.76.148.41:8888/geonetwork/static/lib.js:9:6772
 <li class="list-group-item ng-isolate-scope" data-gn-wfs-download="layer"
data-map="map">"

Thanks all for your help and replies!


*Aapo Kuusela*

*Web developer*

*RFO-SEA project*
*www.rfo-sea.org <http://www.rfo-sea.org>*
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at http://sourceforge.net/projects/geonetwork
Reply | Threaded
Open this post in threaded view
|

Re: Map UI layer grouping and WMTS issue

GeoNetwork users mailing list
Hi all,

I am having the same issue. I want to group the layers in the GN map window
by categories. Does anyone have a solution?

Thank you in advance!

Johannes


-----Original Message-----
From: Aapo Kuusela [mailto:[hidden email]]
Sent: Friday, June 16, 2017 1:05 PM
To: geonetwork-use. <[hidden email]>
Subject: [GeoNetwork-users] Map UI layer grouping and WMTS issue

Dear all,

I'm trying to make the GeoNetwork map UI look better by grouping the layer
list by categories. My goal is to have similar drop-down menus for each
layer category than the default "Background maps" drop-down. Does anyone
have a solution on how to accomplish such grouping? I know the layer lists
can be configured in config-viewer.xml but I have not managed to accomplish
such grouping by configuring this file.

Currently our Map UI looks a bit messy as we have tens of layers in a single
list. See example screens on what I'm trying to accomplish here:
http://imgur.com/a/l99uA


Another issue I'm having is regarding WMTS. I'm trying to add WMTS layers
from http://gis.sinica.edu.tw/worldmap/ (
http://gis.sinica.edu.tw/worldmap/wmts?) to our GeoNetwork Map UI but
receive error message. In QGIS these WMTS layers work fine:

"Error: a.layer.getSource(...).getParams is not a function
g@http://45.76.148.41:8888/geonetwork/static/gn_search_default.js:878:364
link@http://45.76.148.41:8888/geonetwork/static/gn_search_default.js:879:388
ia/<@http://45.76.148.41:8888/geonetwork/static/lib.js:98:58
ma@http://45.76.148.41:8888/geonetwork/static/lib.js:98:117
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:405
Y/<@http://45.76.148.41:8888/geonetwork/static/lib.js:94:206
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:395
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:349
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
n@http://45.76.148.41:8888/geonetwork/static/lib.js:83:349
Y/<@http://45.76.148.41:8888/geonetwork/static/lib.js:94:206
g@http://45.76.148.41:8888/geonetwork/static/lib.js:76:378
R/<@http://45.76.148.41:8888/geonetwork/static/lib.js:76:17
Yb/<@http://45.76.148.41:8888/geonetwork/static/lib.js:80:362
d@http://45.76.148.41:8888/geonetwork/static/lib.js:77:352
l@http://45.76.148.41:8888/geonetwork/static/lib.js:81:384
compile/</<@http://45.76.148.41:8888/geonetwork/static/lib.js:313:250
$watchCollection/<@http://45.76.148.41:8888/geonetwork/static/lib.js:157:30
$digest@http://45.76.148.41:8888/geonetwork/static/lib.js:158:119
$apply@http://45.76.148.41:8888/geonetwork/static/lib.js:161:33
compile/</<@http://45.76.148.41:8888/geonetwork/static/lib.js:285:444
dispatch@http://45.76.148.41:8888/geonetwork/static/lib.js:9:9954
add/y.handle@http://45.76.148.41:8888/geonetwork/static/lib.js:9:6772
 <li class="list-group-item ng-isolate-scope" data-gn-wfs-download="layer"
data-map="map">"

Thanks all for your help and replies!


*Aapo Kuusela*

*Web developer*

*RFO-SEA project*
*www.rfo-sea.org <http://www.rfo-sea.org>*
----------------------------------------------------------------------------
--
Check out the vibrant tech community on one of the world's most engaging
tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at
http://sourceforge.net/projects/geonetwork


------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at http://sourceforge.net/projects/geonetwork
Reply | Threaded
Open this post in threaded view
|

Re: Map UI layer grouping and WMTS issue

Florent gravin-2
In reply to this post by Aapo Kuusela
Hi

On Fri, Jun 16, 2017 at 8:04 AM, Aapo Kuusela <[hidden email]>
wrote:

> Dear all,
>
> I'm trying to make the GeoNetwork map UI look better by grouping the layer
> list by categories. My goal is to have similar drop-down menus for each
> layer category than the default "Background maps" drop-down. Does anyone
> have a solution on how to accomplish such grouping? I know the layer lists
> can be configured in config-viewer.xml but I have not managed to accomplish
> such grouping by configuring this file.
>
> Currently our Map UI looks a bit messy as we have tens of layers in a
> single list. See example screens on what I'm trying to accomplish here:
> http://imgur.com/a/l99uA
>
>
Well you need to create a new directive to replace the layermanager.
Not easy to tell you what to do ....

In your directive create a structure with all your categories and then the
list off all layers by categories.
Watch BaselayerSwitcher template to get inspiration.
Do a ng-repeat on your categories, for each create a dropdown whom list
will be the list of all layers ..
You can perhaps reuse layermanageritem.html for the rendering of each item
maybe (but as it is in a drop down it won't be nice, i would more to a
collapsible panel).

Good luck


>
> Another issue I'm having is regarding WMTS. I'm trying to add WMTS layers
> from http://gis.sinica.edu.tw/worldmap/ (
> http://gis.sinica.edu.tw/worldmap/wmts?) to our GeoNetwork Map UI but
> receive error message. In QGIS these WMTS layers work fine:
> <http://sourceforge.net/projects/geonetwork>



I could load your http://gis.sinica.edu.tw/worldmap/wmts
What layer do you want to add ?
I try to add layer i have no error, but i dont see the layer i have to admit
?





--
*camptocamp*
INNOVATIVE SOLUTIONS
BY OPEN SOURCE EXPERTS

*Florent Gravin*
0479444492
------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
GeoNetwork-users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/geonetwork-users
GeoNetwork OpenSource is maintained at http://sourceforge.net/projects/geonetwork