7.4.5 Viewing with Google Maps

 



 

Overview

 

The Google Maps API offers the facility to embed Google Maps in JavaScript enabled web pages. In Web NMS Web Client, a more user friendly map view can be created with the Google Maps background by placing the map symbols on the exact geographical location on the Google Map.

 

 

 

Creating GMaps

  1. In the Web Client, select the Maps tab. Click the Add GMap link.

  2. Enter the map name in the Map Name textbox.

  3. Enter the map label in the Map Label textbox.

  4. Select the location from the Location drop down list.


 

Note : More locations can be added to the list. Refer to the Adding More Location section in the Developer Guide for more details.

  1. Select the Zoom Level. This directly relates to the 16 levels available in Google Maps.

  2. Select the map type from the Map Type drop down list. The available types in Google Maps are Normal Map, Satellite, and Hybrid.

  3. Click the Add GMap button to add the map. The following message is displayed.

 

 


 

Note :  You need to Sign Up to get a Google Maps API key to use the facility in Web NMS. On acquiring the key for the server domain, you can proceed to complete the "Add GMap" wizard and display the GMap in the Web Client.

 

  1. Click OK.

  2. Enter the key in the Enter Key here textbox. Or click the Sign up for Key link to sign up for Google Maps API and generate the key.

  3. Click Submit Key to complete the wizard.


 

Note : The Google API Key for the server domain is stored in the <Web NMS Home>/webclient/map/conf/GMapDetails.xml file within the <KEY GMapKey> tag.

 

Top

Signing Up for the Google Maps API

  1. Read the Terms and Conditions before proceeding with signing up for the Google Maps key.

  2. Select the "I have read and agree with the terms and conditions" checkbox.

  3. In the "My web site URL: " textbox, provide the server connection URL e.g http://<hostname>:9090/

 

 

 

Note : You will be prompted to login to your gmail account to complete the process of aquiring the Google Map API key.

 

  1. Click the "Generate API Key" button.

  2. The key will be displayed against the "Your key is:" textbox.

  3. Enter the key in the Enter Key here textbox in the Web Client.

  4. Click Submit Key to complete the wizard.

Top

Placing Map Symbols on GMaps

  1. Open the map in which you want to place the map symbols.

  2. Double-click on the location where you want to add the map symbol.

  3. Enter the device name in the Device Name textbox.

  4. Enter the symbol name in the Symbol Name textbox.

  5. Enter the label in the Label Name textbox.

  6. Click the Add GMap Symbol button.

Top

Deleting Map Symbols from GMaps

  1. Click on the map symbol that you want to delete.

  2. Verify the device details, and click on the  Delete Symbol link to delete the symbol.

Top

Adding More Map Symbols

 

When there is requirement to add more map symbols, it can be achieved by adding the map symbols in the map filter. Please refer to the "Adding GMap Symbols" in the Developer Guide for more details.

 

Top

 

 

 



Copyright © 2011, ZOHO Corp. All Rights Reserved.