Change Geomap Markers

While this is no longer officially supported, it should still be possible to do with the new UI.

Please see this KB for a guide on updating the new UI.

• How can I re-brand and customize the PRTG web interface using CSS and Javascript?

For the actual instructions on how to setup the GeoMap Markers, see this article.

• How can I change the way markers look like in PRTG's geo maps?

Best Regards
Benjamin Day [Paessler Support]

May, 2018 - Permalink

Hi Benjamin,

I already tried some of these method:

• We can't modify the size of the marker because in the code, width and height are specified in the style attribute:

<div id="3656" style="position: absolute; **width: 21px; height: 25px;** left: 106.5px; top: 17px;" title="" class="up map-marker" data-delay="0" data-original-title="location" aria-describedby="tooltip197334"><a dependency="1" thisid="3656" class="devicemenu isnotpaused  isnotfavorite localprobe mapmarker locationlist" style="background-image:url(/icons/devices/Phone_VoIPServer.png?svg)" id="3656" href="/devices.htm?filter_location=@sub(location)"></a></div>

So we can't change the dimension.

• I tried to use this script:

<script>
$(".map-marker").width(250);
</script>

and use it in the after HTML but we can't use scripts there :(
I tried to used it in the page that load the map, but I cannot trigger when the map is loaded so ...

• we can change the icon, using the CSS tweak, but with a dimension fixed at 21px x 25px we can't see anything

I really need to change the dimension and the icon, how can I do this?

May, 2018 - Permalink

Andrea,

I'm afraid this is all I can help with. My knowledge with scripting is limited, and as stated in the other KBs, customization isn't supported by technical support.

Sorry I'm not able to help.

May, 2018 - Permalink

I'm really sorry about this, atm we can't use the map because the icons are so small that can't be seen clearly ...

May, 2018 - Permalink