Developer Custom Panels Quick Start


You’ll learn how to add a custom panel for real-time weather to GpsGate in this quick start guide. As you move the map, the weather will update based on the location shown.


Add a custom panel for real-time weather to your workspace like this:

  1. Download source code
  2. Extract zip file
  3. Create a folder called CustomPanels under \GpsGateServer\IIS\VehicleTracker\
  4. Copy content to \GpsGateServer\IIS\VehicleTracker\CustomPanels folder on your GpsGate server

The custom panel is now installed on your GpsGate server.
Ceate a click script like this:

  1. Go to Admin->Development->App Builder
  2. Click on New App button and choose a name for the App
  3. In the second step, (Click Scripts) press New Click Script button
  4. Choose WindowsMenu as Kind and press Edit button to write your script
  5. Copy and Paste the following script and press Save. (remember to replace localhost in the script with your actual server’s address)
ui.iframe('weather', 'weather', 'http://localhost/gpsgateserver/VehicleTracker/CustomPanels/WeatherPanel/weather.html', 100, 100, 400, 310);
log("OK");

 


Congratulations!

  1. Go to Window menu
  2. Select the script name

Now you have a window script which opens our custom panel!
It can be:

    -integrated into a workspace
    -switched to a window or panel
    -moved around
    -saved as any other panel