This article applies to PRTG Network Monitor 12 through 17.3.33
Customize Appearance of Geo Map Markers
Yes, the marker appearance can be changed.
In PRTG Network Monitor 13.2 or later, you can customize the appearance of markers easily. See the descriptions below. In PRTG 12, the approach works a bit different. See the end of this article.
Customizing the Size of Markers
You can change the size of markers in Geo Maps this way:
- Open this file in a text editor (or create it if it has not existed already). You can adjust the size of markers with the following line:
_Prtg.Core.objects.geomapIconSize = 24; //default
- If you define a size smaller than 18, the icons will disappear. In this case, only colored points will be displayed. The color depends on the current object status.
_Prtg.Core.objects.geomapIconSize = 16; //customized
Changing the Shape of Markers to Circles
You can display circle markers in your Geo Maps instead of square markers this way:
- Open this file in a text editor (or create it if it has not existed already).
- Add the following line:
.map-marker{border-radius:20px;}
Of course, you can define any size for the circles suitable to your needs.
Circle Markers and Square Markers in the Same Geo Map
Using the Labeling Locations feature of PRTG Geo Maps (see PRTG Manual: Geo Maps), you can even display round and square markers in the same geomap, depending on the type of object in the map.
Consider you have various locations in your map—some of them use an ADSL connection, some of them a cable connection. Now you would like to display markers depending on the connectivity of the location: ADSL with circle markers, cable with squared markers. In addition, the "real" label of the location should be displayed and not only "ADSL".
- Provide the following information in location settings of the respective objects in two lines:
Location XY ADSL
LONGITUDE,LATITUDE
- Note that the selector "ADSL" is important here!
- Do this with all objects you want to consider with their specific properties.
- Add the following to styles_custom.css:
.map-marker[title~="ADSL"],
.map-marker[data-original-title~="ADSL"]{border-radius:20px;}
Now will see your locations with their corresponding label and in the shape you have defined for them respectively!
Changing the Color of Geo Markers
You can change the colors of the markers in geo maps with the following code:
.map-marker.up
{
background-color: #b4cc38;
}
Add this code to the file \webroot\css\styles_custom.css (see above). You can use any color by editing the color code, which is #b4cc38 in the example.
Customizing in PRTG Network Monitor 12
For PRTG Network Monitor 12, the following code will "transform" the markers to circles with 5px aperture.
Please append the following code to the file htmlheader_customer.htm in the \website\includes sub folder of your PRTG program directory.
Please change the code to suit your needs.
<style>
.map-marker a{
background: none!important;
}
.map-marker{
border: 1px solid #666!important;
border-radius: 10!important;
margin:0!important;
padding:0!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
width:5px!important; /* width of the symbol */
height: 5px!important; /* height of the symbol */
}
</style>
Add comment