<link rel='stylesheet' href='leaflet/external/leaflet.css'>
<link rel='stylesheet' href='leaflet/external/leaflet-rCharts.css'>
<link rel='stylesheet' href='leaflet/external/legend.css'>

<script src='leaflet/external/leaflet.js' type='text/javascript'></script>
<script src='leaflet/external/leaflet-providers.js' type='text/javascript'></script>
<script src='leaflet/external/Control.FullScreen.js' type='text/javascript'></script>

<style>
.rChart {
  display: block;
  margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 400px;
}  
</style>

<div id = 'charte305bf11c41' class = 'rChart leaflet'></div>    
<script>

var spec = { "dom": "charte305bf11c41", "width": 800, "height": 400, "urlTemplate": "http://{s}.tile.osm.org/{z}/{x}/{y}.png", "layerOpts": { "attribution": "Map data<a href="http://openstreetmap.org">OpenStreetMapcontributors, Imagery<a href="http://mapbox.com">MapBox" }, "center": [ 29.7632836, -95.3632715 ], "zoom": 10, "id": "charte305bf11c41" }

var map = L.map(spec.dom, spec.mapOpts)

map.setView(spec.center, spec.zoom);

if (spec.provider){
  L.tileLayer.provider(spec.provider).addTo(map)    
} else {
      L.tileLayer(spec.urlTemplate, spec.layerOpts).addTo(map)
}
 





if (spec.circle2){
  for (var c in spec.circle2){
    var circle = L.circle(c.center, c.radius, c.opts)
     .addTo(map);
  }
}

<script></script>