Create Stunning Visualizations with your GeoData Using Wijmo's JavaScript FlexMap Control
The Wijmo FlexMap control enables developers to embed interactive, high-performance maps in web applications, with data driven by GeoJSON. It supports multiple map types, such as Bubble, Scatter, and Choropleth, enabling intuitive visualization of location-specific or region-based data, while remaining lightweight and fully compatible with Angular, React, and Vue.
- Display points of interest with Bubble and Scatter maps
- Use Choropleth maps to show regional statistical values
- Customize your map's look with dynamic palettes
- Includes first-class Angular, React, and Vue support
Try Our JavaScript Map Charting Component
A JavaScript charting component is a tool that allows you to visualize data based on location in a web application. By using Wijmo's FlexMap and GeoJSON data, you can bind geographical feature layers and point layers in your app.
| JavaScript Map Control Quick Start Guide | |
|---|---|
| 1. Install from npm | npm install @mescius/wijmo.purejs.all |
| 2. Declare map markup | <div id="hostElement"></div> |
| 3. Import and initialize map module |
import * as wjMap from '@mescius/wijmo.chart.map'; let map= new wjMap.FlexMap('#hostElement'); |
Learn more with our comprehensive overview of FlexMap
JavaScript Map Control Highlights
Fast, High-Performing, and Lightweight Mapping
FlexMap delivers blazing-fast rendering, even with large datasets, ensuring your app remains responsive under heavy load. At under 200 KB, it adds powerful mapping capabilities without impacting application size, making it an ideal feature for enterprise-grade dashboards, analytics tools, and performance-critical web applications.
Built in TypeScript for a Modern Developer Experience
Engineered in TypeScript, FlexMap provides the structure and reliability developers expect from strongly typed languages like C#. Enjoy design-time validation, rich IntelliSense, and cleaner, more maintainable code, all while building sophisticated map-based data visualizations.
First-Class Support Across Major Frameworks
FlexMap is framework-agnostic but offers full, native support for Angular, React, and Vue. Use the same map component across tech stacks, ensuring consistency, easier maintenance, and a unified experience for teams building multi-framework applications.
Flexible, Extensible API for Advanced Visualization
With a clean and extensible API, FlexMap packs power without bloat. Developers get robust features including full data binding, pixel-perfect SVG rendering, and effortless image export options, making it easy to build tailored, interactive geographic visualizations.
Secure and Fully CSP-Compliant
FlexMap is built for modern security-focused environments. As part of the CSP-compliant Wijmo suite, it integrates seamlessly into secure JavaScript applications (no unsafe inline scripts required), giving teams confidence when deploying to regulated or enterprise settings.
Popular JavaScript Map Options
Bubble Map
Bubble Maps can be used to display points of interest on maps and to ascribe values to the points. The bubble's size depends on the value of the data (larger data = larger bubble).
Choropleth Map
Display statistical values for geographic areas with Wijmo's JavaScript Choropleth Map control. Each area is colored based on the data that it represents.
Scatter Map
Wijmo's JavaScript Scatter Map control can be used to show points of interest. By using GeoJSON, you can plot points on the map and display information associated with those points.
Featured Blogs, Videos, and Other Resources
Wijmo's Customer Feedback & Awards
"Good value for money and high quality components"
RICHARD HERBERT
"Great tools, not cheap, but worth the money for us."
TRUSTED CUSTOMER
"I've been using Wijmo controls for about a year and a half. Fantastic product. Fantastic support!"
TRUSTED CUSTOMER
 |
 |
"I don’t give kudos lightly, and without merit, but the Wijmo team has been awesome to work with. Just amazingly responsive! I am so glad I recommended Wijmo to my partners."
GABOR FARI, PARTNER TECHNOLOGY STRATEGIST - MICROSOFT CORP
"With Wijmo's extensibility model, the Microsoft Dynamics team was able to quickly customize and incorporate Wijmo 5 components into our new release."
PARAM KAHLON, GENERAL MANAGER, MICROSOFT DYNAMICS CRM ENGINEERING
"We rely on functionality of Wijmo Core's FlexGrid in our massive next-generation platform products. >Wijmo's modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow."
AARON MENDEZ, MANAGER OF THE USER EXPERIENCE, THOMSON REUTERS
Trusted by the World's Leading Companies
