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.location.extraData is defined %}
        var dataValue = '{{ object.location.extraData|raw }}';
        {% elseif object.extraData is defined %}
        var dataValue = '{{ object.extraData|raw }}';
        {% endif %}
    </script>
{% endif %}

<script type="application/javascript">
    {% if config_manager is defined %}
    var _MAP_LATITUDE = {{ config_manager.getValue('location', 'location', 'latitude') }};
    var _MAP_LONGITUDE = {{ config_manager.getValue('location', 'location', 'longitude') }};
    {% else %}
    var _MAP_LATITUDE = 0;
    var _MAP_LONGITUDE = 0;
    {% endif %}
</script>
<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 %}