Examples

The following pages contain source code examples that you can run or modifiy in Codepen.io.

In all examples, you must import the JMap NG core or app library from our CDN with a command like this:

<script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/jmap-core-js@7_Kathmandu_HF3"></script>

or

<script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/jmap-app-js@7_Kathmandu_HF3"></script>

The specific version of the library that you import must match the version of your backend. For JMap Cloud, always use version ‘jmapcloud’. For JMap Server, use the version that matches your setup (for instance, 7_Jakarta_HF6 or 7_Kathmandu_HF3). New versions of JMap NG libraries are published for each release of JMap Server.

Table of contents

• Start the JMap NG Core library
• Start the JMap NG App
• Add a JMap NG App extension
• Toggle layer visibility
• Custom mouseover
• Get feature by id
• Get features by attribute query
• Add layer for custom GeoJSON file
• Create a custom form
• Add attribution(s)
• Select feature(s) by location
• Add a event on move end