GeezerVison is showing mindfusion.dev — Interactive JavaScript Map Control | Street Maps, Location Pins, Directions

buy now

English

Deutsch

Espanol

Products
- Suites
  - JavaScript
  - WinForms
  - WPF
  - .NET MAUI
  - Java Swing
- Bundles
  - Diagramming
  - Scheduling
- JavaScript
- Blazor
  - Diagram
  - Chart
- Avalonia
  - Diagram
  - Virtual Keyboard
- ASP.NET MVC
  - Diagram
- Java Swing
- WinForms
  - Diagram
  - Scheduler
  - Spreadsheet
  - Chart & Gauge
  - Report
  - Map
  - Virtual Keyboard
  - Dock Control
- .NET MAUI
  - Diagram
  - Calendar
  - Chart
- ActiveX
  - Diagram
- WPF
  - Diagram
  - Scheduler
  - Gantt Chart
  - Spreadsheet
  - Chart & Gauge
  - Report
  - Map
  - Virtual Keyboard
  - UI
- WinUI 3
  - Diagram
- Android
  - Diagram
  - Chart
- iOS
  - Diagram
- WordPress
  - Org Chart Plugin
  - Timetable Plugin
- Applications
  - XML Viewer
  - InSight Diagrammer
- Web Tools
  - Keyboard Creator
  - Shape Designer
Downloads
Support
- E-mail
- Forums
- Documentation
- Samples
- FAQ
- Help Desk
Company
- About Us
- Contacts
- Blog
- Newsletter
- Services
- Clients
- Testimonials
- Join Us
Web store

Home / Components / JavaScript / Map

JS Map

Load data from any tile map server. Add decorations, pins and labels.

Download Install from npm

Beautiful, light and responsive maps that show it all

Use any Tile Map Service to render the desired map and decorate it with icons, markers and text annotations at locations of your choice.

The MapView

The MapView control is responsible for rendering your maps with location pins and decorations. It supports scroll, pan and zoom. You can specify the zoom step, the min and max zoom level and the center of the map.

Online Sample: User Interaction in the Js Map Control
Online Documentation: MapView Class Members
API Overview: The MapView Control

Map View Controllers

Two additional controllers are available with the map view: zoom and layer. You can hide them if you wish. Both of them offer a set of useful customization options.

Online Sample: Layers and Controllers

Map Layers

The map control supports two basic layer types: DecorationLayer and MapLayer. The decoration layer is used to store your location pins, icons, markers, annotations etc. The MapLayer is used to store information about the maps that can be rendered.

Online Sample: Map Layers and Decorations
Online Documentation: MapLayer Class | DecorationLayer Class | Marker Class | Decoration Class

Map Services

MindFusion Mapping requires a Tile Map Service (TMS) provider to get the tiles of the maps to be rendered. You assign the TMS url through a dedicated property. Another property allows you to credit the map service provider, if required.

Online Sample: A Simple Map Application with Attribution
API Overview: Tile Map Servers and Coordinates

Methods and Events

Various methods are available to let you convert between client and geographical coordinates of the map, access decorations and scroll or pan to a given location. The rich event set includes notifications when users click or hover above a decoration or the map. Events are also raised when a layer is loaded or the MapView control has focus.

Online Sample: Decorations