⛔ DEPRECATED. This project was moved to a new repository. Visit https://github.com/DevExpress/dashboard-extensions to find an updated version.
⛔ DEPRECATED. This project was moved to a new repository. Visit dashboard-extensions to find an updated version.
The current repository does not support the modular approach for HTML JS Dashboard and will not be updated in the future.
The Online Map extension is a custom dashboard item that allows you to place callouts on Google or Bing maps using geographical coordinates.
This custom item supports the Master-Filtering feature.
Download the latest version of scripts here.
Add the dist folder in your project.
Attach the download script to the project inside the <body>
section before the end tag onto the page containing Web Dashboard.
<body>
<!-- ... -->
<script src="/dist/online-map-extension.min.js"></script>
</body>
<!-- For ASP.NET Web Forms -->
<dx:ASPxDashboard ID="ASPxDashboard1" runat="server" DashboardStorageFolder="~/App_Data/Dashboards">
<ClientSideEvents BeforeRender="onBeforeRender" />
</dx:ASPxDashboard>
@* For ASP.NET MVC *@
@Html.DevExpress().Dashboard(settings => {
settings.Name = "Dashboard";
settings.ClientSideEvents.BeforeRender = "onBeforeRender";
}).GetHtml()
function onBeforeRender(sender) {
var dashboardControl = sender.GetDashboardControl();
dashboardControl.registerExtension(new CustomItems.OnlineMapItemExtension(dashboardControl));
}
</script>
Note that Map JavaScript API applications require an authentication key of a certain provider. Use the dxMap's key attribute to provide authentication keys.
For more information on authentication keys, see the required map provider documentation (e.g., Google or Bing).
The Online Map dashboard item supports the following settings that you can configure in the Web Dashboard UI:
You can use this extension code as a base for your own dashboard item extension development.
Before you start, we advise you to fork this repository and work with your own copy.
git clone https://github.com/DevExpress/dashboard-extension-online-map-item.git
cd dashboard-extension-online-map-item
npm install
npm install -g gulp
gulp build
... or use a local Gulp version.
.\node_modules\.bin\gulp build
You can find the resulting files at ...\dashboard-extension-online-map-item\dist
:
online-map-extension.js and online-map-extension.min.js.
This extension is distributed under the MIT license (free and open-source), but can only be used with a commercial DevExpress Dashboard software product. You can review the license terms or download a free trial version of the Dashboard suite at DevExpress.com.