## Adapter-based Maps Maps functionalities are abstracted in **Pacem JS** while their contextualization into a specific _Maps_ technology is delegated to adapter interfaces. Currently available adapters are: - the **LeafletJS** adapter - the **Azure** maps adapter - and the **Google** maps adapter
warning Limitations may occur depending on the Maps provider’s implementation.
## Leaflet JS Open source mappings with **OpenStreetMaps** tiles and **LeafletJS** engine flow naturally using the `<pacem-map-adapter-leaflet>` component (aka `PacemLeafletMapAdapterElement`). > Leaflet JS + OpenStreetMaps is the preferred option in Pacem JS. Updates to the API will be added giving priority to this technology. ## Azure Maps Azure cloud-powered maps are activated by referring the `<pacem-map-adapter-azure>` component (aka `PacemAzureMapAdapterElement`). ## Google Maps Google (well-known) maps are available via `<pacem-map-adapter-google` component (aka `PacemGoogleMapAdapterElement`).
## Layering WMS and TMS outputs can be easily overlayed to the map via the `<pacem-map-layer>` component. In the following snippet a WMS tile layer gets added to the map (only for a specific zoom-range).
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.