Skip to content

LinusTuring/leaflet-push-content-control

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is leaflet control to push content to be displayed within a leaflet map.

HowTo: Load CSS

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<link rel="stylesheet" href="dist/leaflet-push-content-control.css" />

HowTo: Load Scripts

<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<script src="dist/leaflet-push-content-control.js"></script>

HowTo: Add To Map

<script>

    var map = L.map('map').setView([51.505, -0.09], 13);

    // Add leaflet-push-content to map
    var leafletPushContentControl = (new L.Control.LeafletPushContentControl({
        position: 'bottomright',
        cssClassName: 'my-control-class'
    }));

    leafletPushContentControl.addTo(map);
  
</script>

HowTo: Update control content

leafletPushContentControl.updateControl('Hello World!');

Demo

https://linusturing.github.io/leaflet-push-content-control/

About

A control starter for leaflet

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 49.5%
  • JavaScript 48.5%
  • CSS 2.0%