Code Monkey home page Code Monkey logo

cumulocity-data-points-map-widget-plugin's Introduction

Cumulocity Data Points Map Widget Plugin

This Data Point Map Widget Plugin is the Cumulocity module federation plugin created using c8ycli. This plugin can be used in Application Builder or Cockpit. This plugin help you to display measurements and device locations on map.

Please choose Data Point Map Widget Plugin release based on Cumulocity/Application builder version:

APPLICATION BUILDER    CUMULOCITY    DATA Points Map WIDGET PLUGIN  
2.0.x >= 1016.x.x 1.x.x

Datapoint-map

Features

  • Data Points: Display measurements in terms of data points on map across geographical location.

  • Cluster Map: Configurable switch to show cluster map for large set of devices.

  • Configurable Color: Select custom color for your device markers on map.

  • Configurable Zoom: Select and configurable zoom which is best fit for your map.

  • Support single device and group devices: Based on configuration during widget configuration.

Prerequisite:

Cumulocity c8ycli >=1016.x.x

Installation

Runtime Deployment?

  • This plugin support runtime deployment. Download Runtime Binary and install via Administrations --> Ecosystems --> Applications --> Packages

QuickStart

This guide will teach you how to add widget in your existing or new dashboard.

  1. Open you application from App Switcher

  2. Add new dashboard or navigate to existing dashboard

  3. Click Add Widget

  4. Search for Data Points Map

  5. Select Target Assets or Devices

  6. Select Measurement from dropdown

  7. Click Save

Congratulations! Data Points Map Plugin is configured.

User Guide

  • Target assets or devices: User can select a device or a group. Based on device/group, list of devices will be display on Map. Only those devices are visible on map where position attributes are configured.

  • Cluster Map: User can switch to cluster map.

  • Add Data point: Based on selected assets or devices, this field will be populated with available devices to select data points. User can select any one data point which is applicable for selected device or group of devices.

  • Dashboard Field(Application Builder only): User has ability to provide device object field which represent dashboard Id. Based on this field, data points map will display navigation link for particular device(optional).

  • TabGroup Field(Application Builder only): User has ability to provide device object field which represent dashboard tab group name. Based on this field, data points map will display navigation link for particular device(optional).

  • Default Zoom: User has ability to change outdoor zoom level. Default is Auto

  • Marker Color: User can select maker color from color picker or enter manually. If more than one color selected from color picker, only first color will be applied. This is optional field.

  • Marker Font Color: User can select maker color from color picker or enter manually. If more than one color selected from color picker, only first color will be applied. This is optional field.

Data Points Map On Screen Options:

  • Realtime: Realtime measurements are activated by default. Use can click on it to on/off real time measurements.

  • Reload: Useful for force reload/refresh map.


These tools are provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork and modify them, subject to the license agreement. While Software AG welcomes contributions, we cannot guarantee to include every contribution in the master project.


For more information you can Ask a Question in the TECH Community Forums.

cumulocity-data-points-map-widget-plugin's People

Contributors

darpanlalani avatar y509144 avatar

Watchers

 avatar  avatar

cumulocity-data-points-map-widget-plugin's Issues

Cluster render in wrong location

image

All clusters should be aligned to the actual asset locations.

Ideally, the map would be zoomed into to show all asset clusters and not display the entire globe. Furthermore, when zooming, the map should stay centered on asset clusters displayed.

Instead of values display asset name

The user needs to click on each asset to get the name as shown below:

image

Instead of the accumulated value displayed, it should be the name with the identifier.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.