JSFiddle - React, Tailwind, and code Playground

by lmojo

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css">
<button id='push'>Push</button>
<div id='csmap'></div>

CSS

#csmap {
    width:300px;
    height:100px; /*600px;*/
}

JavaScript

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

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
    $('#push').on('click',function(){
        $('#csmap').height(600);
});