ZoomCharts Documentation
Version: 1.21.3 (2025-04-07)
Switch to Version 2.0 (BETA)
Custom Google Maps layer Example how to extend the internal Leaflet map to add additional map layers using custom plugins.

This example uses the Google Maps plugin available from https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant/.
A plugin for Bing maps, Yandex maps and others is available from https://github.com/shramov/leaflet-plugins/.
For this example to work, you need also to include Google maps api, Leaflet.GoogleMutant.js file and Leaflet.js since the plugin relies on it being loaded (it does not work if Leaflet is loaded async by the chart).

<script src="scripts/zoomcharts/assets/leaflet.js"></script>

<script src="https://maps.google.com/maps/api/js?v=3&sensor=false"></script>

<script src="https://unpkg.com/leaflet.gridlayer.googlemutant@latest/Leaflet.GoogleMutant.js"></script>
X