Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Make All Polygons the Same Shade in Leaflet
<!DOCTYPE html>
<meta charset="utf-8">
<title>Quick Start</title>
<link rel="stylesheet" href="" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="" />
<script src=""></script>
<style type="text/css">
#map {
height: 500px;
<div id="map"></div>
<script type="text/javascript">
var map ='map').setView([51.505, -0.09], 13);
var defaultStyle = {
color: 'green',
fillOpacity: 0.2
L.tileLayer('http://{s}{z}/{x}/{y}.png', {
attribution: 'Map data &copy; <a href="">OpenStreetMap</a> contributors, <a href="">CC-BY-SA</a>, Imagery © <a href="">CloudMade</a>',
maxZoom: 18
var polygon = L.polygon([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
var circle =[51.508, -0.11], 500).setStyle(defaultStyle).addTo(map);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.