# components/mapGettingStarted

*Category:* Components
*Section:* Map
*Source:* https://uikit.developers.rio.cloud/#/components/mapGettingStarted
*Captured:* 2026-04-27T14:58:37.102Z

HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!

## Prerequisites

> Note: HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!Please make sure you get your own "dev" and "prod" credentials!

## HERE Maps credentials

Need HERE Maps credentials? Please follow the guide on Confluence:

Requesting HERE Maps credentials

Please note that the usage of HERE Maps is not free. If you have any questions regarding license costs, please contact us.

In case you want to use HERE Maps in production, please contact finance@rio.cloud.

**Add HERE Maps dependencies**

**Map Imports**

As the UIKIT Map component relies on the map scripts from Here, we need to add them to the index.html as shown below.

```html
<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-core-legacy.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service-legacy.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-ui.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-harp.js" type="text/javascript"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-clustering.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
```

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-core-legacy.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-service.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-service-legacy.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-ui.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-harp.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;script src="https://js.api.here.com/v3/3.1/mapsjs-clustering.js" type="text/javascript"&gt;

&lt;/script&gt;

&lt;link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" /&gt;

Map API VersionBy default, the map imports use the map version 3.1. However, this version is not a fixed version as it will be resolved to an internal version by Here. This means version 3.1 is treated as an evergreen version.If you encounter any instability or even bugs with the map itself, it is recommended to set the version fixed in the imports and check for a newer version on demand.More details can be found on the Here Developer PlatformFor example&lt;script src="https://js.api.here.com/v3/3.1.11.2/mapsjs-core.js"&gt;&lt;/script&gt;