Integrate WhatsUp Gold with Google Maps

You can copy the code below or download all files necessary here (v2016 and below)

You can copy the code below or download all files necessary here (v2017 and above)

Note: Google now requires credit card information to be on file with your API key

These were originally written by someone else who I would like to credit. I worked off the original and made a new one which could show devices. [Need to get name] I then looked into the Google Maps API further and found a useful function someone had made, markerwithlabel.js. I can not take credit for either of those things, so please send thanks to Gary Little for markerwithlabel.js. markerwithlabel.js is freely and publicly available from here.

Instructions:

  • Download the proper zip file aboveile, and and unzip. Make sure GoogleMaps_Devices.asp or GoogleMaps_Groups.asp [depending on which code you copied] to <Your install directory>IpswitchWhatsUp\HTML\NmConsole\DeviceManagement\DeviceList
  • Copy labelwithmarker.js to same directory
  • Make a dashboard with this information –> Columns: 1 –> Width: Max supported by monitor (1280 for example) –> Add Content: Free Form Text/HTML report
  • Menu -> Configure on the Free Form Text/HTML report
  • For device dashboard, copy and paste this: <center><iframe src=”/NmConsole/DeviceManagement/DeviceList/GoogleMaps_Devices.asp” style=”border:0px #FFFFFF none;” name=”dash_frame” scrolling=”no” frameborder=”0″ marginheight=”0px” marginwidth=”0px” height=”700px” width=”100%”></iframe></center>
  • For the group dashboard, copy and paste this: <center><iframe src=”/NmConsole/DeviceManagement/DeviceList/GoogleMaps_Groups.asp” style=”border:0px #FFFFFF none;” name=”dash_frame” scrolling=”no” frameborder=”0″ marginheight=”0px” marginwidth=”0px” height=”700px” width=”100%”></iframe></center>
  • To add devices to the devices map: Add a device attribute to the device in WUG using the attribute name ‘LatLong’ with the value being x,y (Latitude,Longitude)
  • To add groups to the group map: Right-click the group and select properties. Update the description with the value x,y (Latitude,Longitude)

http://itouchmap.com/latlong.html — I use this site to grab the latitude,longitude information.

5 Replies to “Integrate WhatsUp Gold with Google Maps”

  1. I’ve followed your instructions in the ZIP file for 2017 and above and get a 404 error when the iFrame loads. I’ve generated my API key with Google and appended it the links in the ASP page (without ). Any ideas?

    1. How do you get the iFrame to load? I’ve done everything but I believe I’m not linking/setting up the html script correctly in the dashboard as it just shows the script when I access my custom dashboard. (I do not have experience with HTML but I’ve followed the text file’s instructions perfectly, copying the files to the necessary path on my server and of course inserting my Google API key into the two sections in script that reads var sAPIKey = “MYKEY”;)

  2. I figured out the issue… in your text file instructions the ASP page is named incorrectly… at least for the 2017 version. The links should read “/NmConsole/GoogleMaps_Devices_v2017.asp” and “NmConsole/GoogleMaps_Groups_v2017.asp”

  3. This is working great in WUG 2018 SP2. All we did was adjust the zoom, lat, and long and we have what we need. Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.