{"id":12819,"date":"2024-08-21T17:17:19","date_gmt":"2024-08-21T14:17:19","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=12819"},"modified":"2024-08-26T16:00:09","modified_gmt":"2024-08-26T13:00:09","slug":"create-custom-map-adapter-map-view-dhtmlx-scheduler","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/create-custom-map-adapter-map-view-dhtmlx-scheduler\/","title":{"rendered":"How to Create a Custom Map Adapter for the Map View in DHTMLX Scheduler"},"content":{"rendered":"

The Map view is one of 10 customizable options for presenting upcoming events in our JavaScript scheduling component<\/a>. By default, it allows displaying the list of planned activities on a geographical map from popular map providers such as Google maps, OpenStreetMap and Mapbox. If these default options don\u2019t meet your needs, the latest Scheduler version features the capability to add a custom map adapter to your calendar. <\/p>\n

In this tutorial, you will learn how to add the Maptiler library to the Map view of your JavaScript scheduler built with DHTMLX.<\/p>\n

Step-By-Step Guide On Adding a Custom Map Adapter to Scheduler<\/h5>\n

MapTiler<\/a> is a powerful map provider that offers customizable and high-quality map tiles used by developers in various projects, including web apps. In the sample below, you can see a JavaScript scheduler with a map view, where you can review all upcoming appointments on the map from MapTiler.<\/p>\n