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]

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?

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.

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 ...