LeafletBundle/Resources/views/Leaflet/map.html.twig

<div id="map" class="leaflet-map-widget"></div>

<style type="text/css">
    .leaflet-map-widget {
        height: 400px; 
        border: 1px solid #CCCCCC;
    }
    .leaflet-control-search.search-exp.leaflet-control {
        width: 400px !important;
    }
    .search-input {
        width: 370px !important;
    }
</style>
{% include 'LeafletBundle:Leaflet:resources.html.twig' %}

{% if object is defined %}
<script type="text/javascript">
    {% if object.extraData %}
    var dataValue = '{{ object.extraData|raw }}';
    {% elseif object.location is defined %}
    var dataValue = '{{ object.location.extraData|raw }}';
    {% endif %}
</script>
{% endif %}

<script src="{{ asset('bundles/leaflet/js/leaflet-map.js') }}"></script>

{% if draw is defined %}
<script src="{{ asset('bundles/leaflet/js/leaflet-map-draw.js') }}"></script>
{% endif %}    
{% if extra_js is defined %}
<script src="{{ script_google_maps }}"></script>
<script src="{{ asset('bundles/leaflet/js/leaflet-map-widget.js') }}"></script>
{% endif %}