# Customer ID for a container

**URL:** <https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734>\
**Category:** Elements API\
**Created:** [September 24, 2024, 8:51pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734 "2024-09-24T20:51:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![TSpitzmann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tspitzmann/32/26902_2.png) [@TSpitzmann](https://forums.realmacsoftware.com/u/TSpitzmann)\
**Post date:** [September 24, 2024, 8:51pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734/1 "2024-09-24T20:51:48Z")

</div>

I think it would be very beneficial to define a user defined id for a container.  
In my use case I want to implement a HERE map into my website. HERE is relating to a container id which is user defined.

To implement a HERE map the following code is used:  
// initialize a map  
var map = new H.Map(document.getElementById(‘’),…

where is referencing to the container which holds the map.

Currently elements does not allow to define a specific container id.

Cheers Thomas

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 24, 2024, 9:45pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734/2 "2024-09-24T21:45:51Z")

</div>

I’m not 100% sure I follow what you’re trying to do here… are you building this in a custom component?

---

<div class="post-metadata">

**Author:** ![tpbradley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tpbradley/32/25503_2.png) [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\
**Post date:** [September 24, 2024, 10:36pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734/3 "2024-09-24T22:36:21Z")

</div>

I think a custom component would be a good way to achieve this, it allows you to write your own HTML so you can specify an ID directly, or use the one assigned to the node.

Click the following link to take a look at an example project where I implemented a HERE map in a custom component. It allows you to specify an API key, longitude and latitude in the component settings.

[elementsapp://downloadDocument/wS5TxaQ1BhNh](elementsapp://downloadDocument/wS5TxaQ1BhNh)

Note: There were some JS includes required that I added to the head end template in page settings.

 ![CleanShot 2024-09-24 at 23.31.14@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/9/f958c1f85ed6c80c686754d975d21de26ad8f0b6.jpeg)

---

<div class="post-metadata">

**Author:** ![TSpitzmann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tspitzmann/32/26902_2.png) [@TSpitzmann](https://forums.realmacsoftware.com/u/TSpitzmann)\
**Post date:** [September 25, 2024, 6:13pm UTC](https://forums.realmacsoftware.com/t/customer-id-for-a-container/44734/4 "2024-09-25T18:13:22Z")

</div>

@dan: I just wanted to try the standard components… 😉

@tpbradley: Hey Tom, thanks for pointing me in the right direction 🙂

You guys are awesome 🙂 Works like a charm - thanks for this quick solution.
