JavaScript Maps – Syncfusion JavaScript UI Controls

The HTML5 JavaScript Maps is a data visualization widget, which renders map using GeoJSON data or from map providers like Bing, OSM, and supports tooltip, zooming, drill-down and many more features. Also it provides support to render your own custom shapes.

Features and Benefits

GeoJSON and Geo-imagery layer

Bind GeoJSON data to the JavaScript Maps to render any geometric shape in SVG (Scalable Vector Graphics) for powerful data visualization of shapes. Also render external geospatial imagery services, such as Bing maps, OpenStreetMap, etc, to visualize satellite, aerial, and street maps, or other kinds of imagery tiles without any external shape inputs.

Maps elements

Denote more detailed information and improve the readability by adding the built-in map elements such as marker, data labels, bubbles, navigation lines and annotation.

User interactions

Enrich the visualization by adding the built-in user interactive features such as tooltip, zooming and panning, drill-down, selection and highlight in the JavaScript Maps control.

Custom shapes

Create a map with custom shapes by rendering your own GeoJSON data to indicate building infrastructure, points of interest, flight/bus seat arrangement, cricket stadium, and more useful information.

Color mapping and legend

Categorize the shapes on a map by customizing their color based on the underlying value. And provide more information about the color mapping using the legend. The JavaScript Maps supports two types of legend namely default and interactive.

Different projection modes

Change the projection of the default rendering map based on your need. Maps control supports eight types of projections namely, Mercator, Rectangular, Miller, Eckert3, Eckert5, Eckert6, Winkel3 and AitOff.

Responsive and touch-friendly

The JavaScript Maps is highly responsive and has a finely optimized design for desktops, touch screens, and smartphones. It works well on all mobile phones that use iOS, Android, or Windows 8 OS.

Customizable appearance

The complete appearance of the maps can be changed to the desired style. Built-in support is provided to customize all the element's font, color, opacity, border color, border width, etc.

Export and print

Print the rendered maps or export it as PDF, SVG and PNG formats, to save a local copy for further use.

Web framework integration

As a pure JavaScript component, Syncfusion JavaScript Maps integrates easily with any web framework:

• Check our Angular Maps
• Check our React Maps
• Check our Vue Maps

Related Links

Download Free Trial
Pricing
Documentation
View Demos
Community Forums

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 20,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today we provide 1000+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React or Vue), mobile (Xamarin, UWP and JavaScript), and desktop development (WinForms, WPF & UWP). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

sales@syncfusion.com | www.syncfusion.com | 1-888-9 DOTNET