Embedding GeoNetwork opensource in third party apps

Here are some examples to easily embed GeoNetwork in other HTML pages. Iframe is a standard and easy way to add your catalogue into third party apps. Webcomponent can also be used with some limitations. When embedding the application, customize it using the user interface configuration.

Web components can be configured using 2 ways: Using a JSON UI configuration in the config attribute:

      <gn-app url="http://localhost:8080/geonetwork" portal="srv"
              config='{"mods": {
                    "global": {"hotkeys": false},
                    "home": {"enabled": false},
                    "footer": {"enabled": false},
                    "header": {"enabled": false}
                    }}'></gn-app>

      <script src="http://localhost:8080/geonetwork/catalog/webcomponents/webcomponents.js"></script>
      

or using a UI configuration id created in the admin console > UI settings:

      <gn-app url="http://localhost:8080/geonetwork" portal="srv"
              config='odatis'></gn-app>
      <script src="http://localhost:8080/geonetwork/catalog/webcomponents/webcomponents.js"></script>