Skip to Content (Press Enter)
2022-12-27 03-57-41
Whis
50Views
7Comments
Solved
[OutSystems Maps] How to put title below icon in map?
Question
Forge
Maps
outsystems-maps
Reactive icon
OutSystems Maps (O11)
Forge asset by OutSystems

I want to put title below icon in map. What should I do now?

0
1
15 May 2023
Copy Link
2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Whis  

Just ran some tests using the same approach from a post I answered a while ago (here) and I'll attach a sample since it works as expected.

  1. Created a block wrapper for the Markers

  2. On the screen replaced the Marker with the new MarkerBlock:

  3. Created a CSS class called 'marker-label-custom' in the module theme:
  4. In the MarkerBlock, created an OnReady event with the following script:
  5. The Result 😎

You can check Google Maps documentation here to learn more about the label interface (it was basically what I've done)

Hope it helps.

Cheers,
GM

See solution in context
MarkerSetLabel.oml
3
0
15 May 2023
Copy Link
2022-12-27 03-57-41
Whis

Many thanks u. I'm done. 

0
0
17 May 2023
Copy Link
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Whis,

What are you using to display the map? A Forge asset?

0
0
15 May 2023
Copy Link
2022-12-27 03-57-41
Whis

I'm using OutsystemsMaps.

0
0
15 May 2023
Copy Link
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Replying to Whis' comment on 15 May 2023 14:37:31

Ok, I updated the question to point to OutSystems maps. Can you share some code of what you did? Because I'd think that this is not standard behaviour.

0
0
15 May 2023
Copy Link
2022-12-27 03-57-41
Whis

Replying to Kilian Hekhuis' comment on 15 May 2023 14:41:16


Here I have a list marker. Each marker has icon + label.

0
0
15 May 2023
Copy Link
2022-11-12 11-28-30
Gonçalo Martins
Staff

Hello @Whis 

Can you please share an oml with what you've tried so far using javascript and, share a link from Google Maps API where we can see what you're trying to achieve since, at least for me, it wasn't clear?

Cheers,
GM

0
0
15 May 2023
Copy Link
2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Whis  

Just ran some tests using the same approach from a post I answered a while ago (here) and I'll attach a sample since it works as expected.

  1. Created a block wrapper for the Markers

  2. On the screen replaced the Marker with the new MarkerBlock:

  3. Created a CSS class called 'marker-label-custom' in the module theme:
  4. In the MarkerBlock, created an OnReady event with the following script:
  5. The Result 😎

You can check Google Maps documentation here to learn more about the label interface (it was basically what I've done)

Hope it helps.

Cheers,
GM

MarkerSetLabel.oml
3
0
15 May 2023
Copy Link
2022-12-27 03-57-41
Whis

Many thanks u. I'm done. 

0
0
17 May 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.