Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @syncfusion/ej2-maps with all npm packages installed. Try it out:

var ej2Maps = require("@syncfusion/ej2-maps")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@syncfusion/ej2-maps v18.2.47

The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options

ej2-maps

The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options.

Maps

Maps is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at https://www.syncfusion.com/downloads/essential-js2

Setup

To install Maps and its dependent packages, use the following command

npm install @syncfusion/ej2-maps

Resources

Supported Frameworks

Maps component is also offered in following list of frameworks.

  1. Angular
  2. React
  3. Vue.js
  4. ASP.NET Core
  5. ASP.NET MVC
  6. JavaScript (ES5)

Use case samples

Key Features

  • Data sources - Binds the maps component with an array of JSON objects or DataManager.
  • Projection - Maps can be rendered in eight types of projections.
  • Drill-down - Provides drill-down option to have a closer look at the lower level of a hierarchy.
  • Marker - Provides marker support to mark a specific place of interest in the map.
  • Data label - Provides additional information about the shapes.
  • Bubble - Represents the underlying data values of the shapes.
  • Navigation line - Denotes the path between two locations.
  • Color mapping - Applies colors to the shapes based on various conditions. Maps supports two types of color mapping: range color mapping and equal color mapping.
  • Legend - Denotes the color mapping categories.
  • Annotation - Uses any custom HTML element as annotation and place it anywhere on the maps.
  • Selection and Highlight - Supports selecting or highlighting the shapes to bring center of attraction.
  • Zooming and Panning - Allows to zoom in, out, and pan the map to show in-depth information.
  • Tooltip - Provides additonal information about the shapes on mouse hover.
  • Print and Export - Provides options to print and export the rendered maps for future use.

Support

Product support is available for through following mediums.

License

Check the license detail here.

Changelog

Check the changelog here

© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free