diff --git a/DependencyInjection/Compiler/FormPass.php b/DependencyInjection/Compiler/FormPass.php
new file mode 100644
index 0000000..b8ab9fc
--- /dev/null
+++ b/DependencyInjection/Compiler/FormPass.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Oh\GoogleMapFormTypeBundle\DependencyInjection\Compiler;
+
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+
+/**
+ * Add a new twig.form.resources
+ *
+ * @author Olivier Chauvel <olivier@generation-multiple.com>
+ */
+class FormPass implements CompilerPassInterface
+{
+    /**
+     * {@inheritdoc}
+     */
+    public function process(ContainerBuilder $container)
+    {
+        $resources = $container->getParameter('twig.form.resources');
+
+        foreach (array('div', 'jquery') as $template) {
+            $resources[] = 'OhGoogleMapFormTypeBundle:Form:' . $template . '_layout.html.twig';
+        }
+
+        $container->setParameter('twig.form.resources', $resources);
+    }
+}
diff --git a/DependencyInjection/Configuration.php b/DependencyInjection/Configuration.php
index 9a273b6..d85ad06 100644
--- a/DependencyInjection/Configuration.php
+++ b/DependencyInjection/Configuration.php
@@ -22,9 +22,12 @@ public function getConfigTreeBuilder()
         
         $rootNode = $treeBuilder->root('oh_google_map_form_type');
 
-        // Here you should define the parameters that are allowed to
-        // configure your bundle. See the documentation linked above for
-        // more information on that topic.
+        $rootNode
+                ->children()
+                    ->scalarNode('api_key')
+                        ->isRequired()
+                    ->end()
+                ->end();
 
         return $treeBuilder;
     }
diff --git a/DependencyInjection/OhGoogleMapFormTypeExtension.php b/DependencyInjection/OhGoogleMapFormTypeExtension.php
index 25282f4..b973d31 100644
--- a/DependencyInjection/OhGoogleMapFormTypeExtension.php
+++ b/DependencyInjection/OhGoogleMapFormTypeExtension.php
@@ -23,6 +23,9 @@ public function load(array $configs, ContainerBuilder $container)
         $config = $this->processConfiguration($configuration, $configs);
 
         $loader = new Loader\XmlFileLoader($container, new FileLocator(__DIR__.'/../Resources/config'));
-        $loader->load('services.xml');
+        $loader->load('twig.xml');
+        $loader->load('services.xml');        
+       
+        $container->setParameter('api_key', $config['api_key']);
     }
 }
diff --git a/Form/Type/GoogleMapType.php b/Form/Type/GoogleMapType.php
index 25cbe22..dd16c96 100755
--- a/Form/Type/GoogleMapType.php
+++ b/Form/Type/GoogleMapType.php
@@ -30,19 +30,20 @@ public function buildForm(FormBuilderInterface $builder, array $options)
     public function setDefaultOptions(OptionsResolverInterface $resolver)
     {
         $resolver->setDefaults(array(
-            'type'           => 'text',  // the types to render the lat and lng fields as
-            'options'        => array(), // the options for both the fields
-            'lat_options'  => array(),   // the options for just the lat field
-            'lng_options' => array(),    // the options for just the lng field
-            'lat_name'       => 'lat',   // the name of the lat field
-            'lng_name'       => 'lng',   // the name of the lng field
+            'type'           => 'text',     // the types to render the lat and lng fields as
+            'options'        => array(),    // the options for both the fields
+            'lat_options'  => array(),      // the options for just the lat field
+            'lng_options' => array(),       // the options for just the lng field
+            'lat_name'       => 'lat',      // the name of the lat field
+            'lng_name'       => 'lng',      // the name of the lng field
             'error_bubbling' => false,
-            'map_width'      => 300,     // the width of the map
-            'map_height'     => 300,     // the height of the map
-            'default_lat'    => 51.5,    // the starting position on the map
-            'default_lng'    => -0.1245, // the starting position on the map
-            'include_jquery' => false,   // jquery needs to be included above the field (ie not at the bottom of the page)
-            'include_gmaps_js'=>true     // is this the best place to include the google maps javascript?
+            'map_width'      => '100%',     // the width of the map, you must include units (ie, px or %)
+            'map_height'     => '300px',    // the height of the map, you must include units (ie, px or %)
+            'default_lat'    => 51.5,       // the starting position on the map
+            'default_lng'    => -0.1245,    // the starting position on the map
+            'include_jquery' => false,      // jquery needs to be included above the field (ie not at the bottom of the page)
+            'include_gmaps_js'=>true,       // is this the best place to include the google maps javascript?
+            'js_inside_html' => false       // if you don't have the possibility to include form_javascript(), for example, in Sonata Admin Class, set true this option
         ));
     }
 
@@ -59,6 +60,7 @@ public function buildView(FormView $view, FormInterface $form, array $options)
             $view->vars['default_lng'] = $options['default_lng']; 
             $view->vars['include_jquery'] = $options['include_jquery']; 
             $view->vars['include_gmaps_js'] = $options['include_gmaps_js'];
+            $view->vars['js_inside_html'] = $options['js_inside_html'];
     }
 
     public function getParent()
diff --git a/OhGoogleMapFormTypeBundle.php b/OhGoogleMapFormTypeBundle.php
index ff4f2bb..d18d89a 100755
--- a/OhGoogleMapFormTypeBundle.php
+++ b/OhGoogleMapFormTypeBundle.php
@@ -3,7 +3,17 @@
 namespace Oh\GoogleMapFormTypeBundle;
 
 use Symfony\Component\HttpKernel\Bundle\Bundle;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Oh\GoogleMapFormTypeBundle\DependencyInjection\Compiler\FormPass;
+
+class OhGoogleMapFormTypeBundle extends Bundle {
+
+    /**
+     * {@inheritdoc}
+     */
+    public function build(ContainerBuilder $container) {
+        parent::build($container);
+        $container->addCompilerPass(new FormPass());
+    }
 
-class OhGoogleMapFormTypeBundle extends Bundle
-{
 }
diff --git a/README.md b/README.md
index 28c09ac..ad4a440 100755
--- a/README.md
+++ b/README.md
@@ -10,6 +10,10 @@ This bundle is compatible with Symfony 2.1. Add the following to your `composer.
 
     "oh/google-map-form-type-bundle": "dev-master"
 
+or execute: 
+
+    php composer.phar require oh/google-map-form-type-bundle
+
 Register the bundle in your `app/AppKernel.php`:
 
 ```php
@@ -30,85 +34,132 @@ Add OhGoogleMapFormTypeBundle to assetic
 assetic:
     bundles:        [ 'OhGoogleMapFormTypeBundle' ]
 ```
+You might config your [Google Maps Api Key](https://developers.google.com/maps/documentation/javascript/get-api-key). 
+
+```yaml
+# app/config/config.yml
+oh_google_map_form_type:
+    api_key: "my-key"
+```
+
+After this, you have to install assets:
+
+    php app/console assets:install --symlink
 
 Usage
-------------
+-------
 
 This bundle contains a new FormType called GoogleMapType which can be used in your forms like so:
 
     $builder->add('latlng', 'oh_google_maps');
 
 On your model you will have to process the latitude and longitude array
+``` php
+// Your model eg, src/My/Location/Entity/MyLocation.php
+use Symfony\Component\Validator\Constraints as Assert;
+use Oh\GoogleMapFormTypeBundle\Validator\Constraints as OhAssert;
 
-    // Your model eg, src/My/Location/Entity/MyLocation.php
-    use Symfony\Component\Validator\Constraints as Assert;
-    use Oh\GoogleMapFormTypeBundle\Validator\Constraints as OhAssert;
+class MyLocation
+{
+    // ... include your lat and lng fields here
 
-    class MyLocation
+    public function setLatLng($latlng)
     {
-        // ... include your lat and lng fields here
-
-        public function setLatLng($latlng)
-        {
-            $this->setLat($latlng['lat']);
-            $this->setLng($latlng['lng']);
-            return $this;
-        }
-
-        /**
-         * @Assert\NotBlank()
-         * @OhAssert\LatLng()
-         */
-        public function getLatLng()
-        {
-            return array('lat'=>$this->getLat(),'lng'=>$this->getLng());
-        }
+        $this->setLat($latlng['lat']);
+        $this->setLng($latlng['lng']);
+        return $this;
+    }
 
+    /**
+     * @Assert\NotBlank()
+     * @OhAssert\LatLng()
+     */
+    public function getLatLng()
+    {
+        return array('lat'=>$this->getLat(),'lng'=>$this->getLng());
     }
 
-Include the twig template for the layout. It's generally a good idea to overwrite the form template in your own twig template
+}
+```
 
-    # your config.yml
-    twig:
-        form:
-            resources:
-                # This uses the default - you can put your own one here
-                - 'OhGoogleMapFormTypeBundle:Form:fields.html.twig'
+**Add form_javascript** this principle is to separate the javascript and html. This allows better integration of web pages. Inspired by its use in [DatetimepickerBundle](https://github.com/stephanecollot/DatetimepickerBundle)
 
-If you are intending to override some of the elements in the template then you can do so by extending the default `google_maps.html.twig`. This example adds a callback to the javascript when a new map position is selected.
+### Example:
 
-    {# your template which is inluded in the config.yml (above) 
-       eg src/My/Location/Resources/views/Form/fields.html.twig #}
-    {% extends "OhGoogleMapFormTypeBundle:Form:google_maps.html.twig" %}
-    {% block oh_google_maps_callback %}
-			<script type="text/javascript">
-				var oh_google_maps_callback = function(location, gmap){
-                    // logs to the console your new latitude
-					console.log('Your new latitude is: '+location.lat());
-				}
-			</script>	
-    {% endblock %}
+``` twig
+{% block javascripts %}
+    <script src="{{ asset('js/other.js') }}"></script>
+    
+    {{ form_javascript(form) }}
+{% endblock %}
 
+{% block body %}
+    <form action="{{ path('my_route_form') }}" type="post" {{ form_enctype(form) }}>
+        {{ form_widget(form) }}
+
+        <input type="submit" />
+    </form>
+{% endblock %}
+```
 
 Options
 -------
 
 There are a number of options, mostly self-explanatory
 
-    array(
-		'type'           => 'text',  // the types to render the lat and lng fields as
-		'options'        => array(), // the options for both the fields
-		'lat_options'  => array(),   // the options for just the lat field
-		'lng_options' => array(),    // the options for just the lng field
-		'lat_name'       => 'lat',   // the name of the lat field
-		'lng_name'       => 'lng',   // the name of the lng field
-		'map_width'      => 300,     // the width of the map
-		'map_height'     => 300,     // the height of the map
-		'default_lat'    => 51.5,    // the starting position on the map
-		'default_lng'    => -0.1245, // the starting position on the map
-		'include_jquery' => false,   // jquery needs to be included above the field (ie not at the bottom of the page)
-		'include_gmaps_js'=>true     // is this the best place to include the google maps javascript?
-	)
+``` php
+array(
+	'type'              => 'text',  // the types to render the lat and lng fields as
+	'options'           => array(), // the options for both the fields
+	'lat_options'       => array(), // the options for just the lat field
+	'lng_options'       => array(), // the options for just the lng field
+	'lat_name'          => 'lat',   // the name of the lat field
+	'lng_name'          => 'lng',   // the name of the lng field
+	'map_width'         => '100%',  // the width of the map, you must include units (ie, px or %)
+	'map_height'        => '300px', // the height of the map, you must include units (ie, px or %)
+	'default_lat'       => 51.5,    // the starting position on the map
+	'default_lng'       => -0.1245, // the starting position on the map
+	'include_jquery'    => false,   // jquery needs to be included above the field (ie not at the bottom of the page)
+	'include_gmaps_js'  => true,    // is this the best place to include the google maps javascript?
+	'js_inside_html'    => false    // if you don't have the possibility to include form_javascript(), ie, in Sonata Admin Class, set true this option
+)
+```
+	
+### Twig customization:
+You have 2 twig templates for the layout, for HTML and for JQUERY (js). It's generally a good idea to overwrite the form templates, especially HTML, in your own twig template. Place them on folder: `app/Resources/OhGoogleMapFormTypeBundle/views/Form/`
+
+ - HTML: `vendor/oh/google-map-form-type-bundle/Oh/GoogleMapFormTypeBundle/Resources/views/Form/div_layout.html.twig`
+ - JQUERY (js): `vendor/oh/google-map-form-type-bundle/Oh/GoogleMapFormTypeBundle/Resources/views/Form/jquery_layout.html.twig`
+
+If you are intending to override some of the elements in the template JQUERY (js), then you can do so by extending the default `jquery_layout.html.twig`. This example adds a callback to the javascript when a new map position is selected.
+
+``` twig
+{# your template which is inluded in app/Resources/OhGoogleMapFormTypeBundle/views/Form/ folder (above) #}
+{% extends "OhGoogleMapFormTypeBundle:Form:jquery_layout.html.twig" %}
+{% block oh_google_maps_callback %}
+		<script type="text/javascript">
+			var oh_google_maps_callback = function(location, gmap){
+                // logs to the console your new latitude
+				console.log('Your new latitude is: '+location.lat());
+			}
+		</script>	
+{% endblock %}
+```
+
+If you have several forms with `oh_google_maps` types, you can override the templates in each one of them with `{% form_theme form 'AppBundle:Forms:your-twig.html.twig' %}` like this:
+
+``` twig
+{% extends 'form_div_layout.html.twig' %}
+
+{% block oh_google_maps_html %} 
+        <div id="{{ id }}_container">
+            <input type="text" id="{{ id }}_input" /><button id="{{ id }}_search_button" class="btn">Search</button><br /><a href="#" id="{{ id }}_current_position">MY CUSTOM TEXT FOR CURRENT LOCATION</a>
+            <div id="{{ id }}_map_canvas" class="gmap" style="width: {{ map_width }}; height: {{ map_height }}"></div>
+            <div id="{{ id }}_error"></div>
+        </div>
+{% endblock %}
+```
+
 
 Screenshots
 -------
@@ -118,11 +169,6 @@ Screenshots
 [Search locations](https://www.dropbox.com/s/qdft149ggyfil0p/location-form-search.png)
 [LatLng validation](https://www.dropbox.com/s/k0xqku5q2gv2nlo/location-form-validation.png)
 
-Known problems
--------
-
-Because the form type template includes javascript, there's not yet a way to bunch it all together at the very bottom of the page, so it is included at the bottom of the field. This means that jquery and the javascript plugin in Resources/public/js needs to be included before the field. I'm not sure of a way around this, but I think it's going to be addressed in a later version of the form framework.
-
 Credits
 -------
 
diff --git a/Resources/config/config.yml b/Resources/config/config.yml
deleted file mode 100755
index e69de29..0000000
diff --git a/Resources/config/services.xml b/Resources/config/services.xml
index 6cac9f7..aa6547a 100644
--- a/Resources/config/services.xml
+++ b/Resources/config/services.xml
@@ -6,12 +6,21 @@
 
     <parameters>
         <parameter key="form.type.oh_google_maps.class">Oh\GoogleMapFormTypeBundle\Form\Type\GoogleMapType</parameter>
+        <parameter key="twig.extension.globals_extension.class">Oh\GoogleMapFormTypeBundle\Twig\Extension\GlobalsExtension</parameter>
+        <parameter key="type.oh_google_maps.form.options" type="collection" />
     </parameters>
 
     <services>
         <!-- oh_google_maps form type -->
         <service id="form.type.oh_google_maps" class="%form.type.oh_google_maps.class%">
             <tag name="form.type" alias="oh_google_maps" />
+            <argument>%type.oh_google_maps.form.options%</argument>
+        </service>
+        
+        <!-- variables globales para utilizar en plantillas Twig -->
+        <service id="twig.extension.globals_extension" class="%twig.extension.globals_extension.class%">
+            <tag name="twig.extension" />
+            <argument>%api_key%</argument>
         </service>
     </services>
 </container>
\ No newline at end of file
diff --git a/Resources/config/twig.xml b/Resources/config/twig.xml
new file mode 100644
index 0000000..ca917c5
--- /dev/null
+++ b/Resources/config/twig.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" ?>
+
+<container xmlns="http://symfony.com/schema/dic/services"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
+
+    <services>
+        <service id="oh_googlemapformtype.twig.extension.form" class="Oh\GoogleMapFormTypeBundle\Twig\Extension\FormExtension">
+            <tag name="twig.extension" />
+            <argument type="service" id="twig.form.renderer" />
+        </service>
+    </services>
+
+</container>
\ No newline at end of file
diff --git a/Resources/views/Form/div_layout.html.twig b/Resources/views/Form/div_layout.html.twig
new file mode 100644
index 0000000..40c04f1
--- /dev/null
+++ b/Resources/views/Form/div_layout.html.twig
@@ -0,0 +1,20 @@
+{% block oh_google_maps_widget %}
+    <div {{ block('widget_container_attributes') }}>
+        {% block oh_google_maps_html %} 
+            <div id="{{ id }}_container">
+                <input type="text" id="{{ id }}_input" /><button id="{{ id }}_search_button" class="btn">Search</button><br /><a href="#" id="{{ id }}_current_position">Current location</a>
+                <div id="{{ id }}_map_canvas" class="gmap" style="width: {{ map_width }}; height: {{ map_height }}"></div>
+                <div id="{{ id }}_error"></div>
+            </div>
+        {% endblock %}
+        {% block oh_google_maps_fields %} 
+            {% for child in form %}
+                {{ form_row(child) }}
+            {% endfor %}
+        {% endblock %}
+    </div>
+
+    {% if js_inside_html %}
+        {% include "OhGoogleMapFormTypeBundle:Form:jquery_layout.html.twig" %}
+    {% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/Resources/views/Form/fields.html.twig b/Resources/views/Form/fields.html.twig
deleted file mode 100755
index 76523b8..0000000
--- a/Resources/views/Form/fields.html.twig
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "OhGoogleMapFormTypeBundle:Form:google_maps.html.twig" %}
\ No newline at end of file
diff --git a/Resources/views/Form/google_maps.html.twig b/Resources/views/Form/google_maps.html.twig
deleted file mode 100755
index b4df551..0000000
--- a/Resources/views/Form/google_maps.html.twig
+++ /dev/null
@@ -1,56 +0,0 @@
-{% block oh_google_maps_widget %}
-<div {{ block('widget_container_attributes') }}>
-	{% block oh_google_maps_html %} 
-	<div id="{{ id }}_container">
-		<input type="text" id="{{ id }}_input" /><button id="{{ id }}_search_button" class="btn">Search</button><br /><a href="#" id="{{ id }}_current_position">Current location</a>
-		<div id="{{ id }}_map_canvas" class="gmap" style="width: {{ map_width }}px; height: {{ map_height }}px"></div>
-		<div id="{{ id }}_error"></div>
-	</div>
-	{% endblock %}
-	{% block oh_google_maps_fields %} 
-		{% for child in form %}
-		    {{ form_row(child) }}
-        {% endfor %}
-	{% endblock %}
-	{% block oh_google_maps_javascripts %}
-		{% if include_jquery %}
-		<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
-		{% endif %}
-		{% if include_gmaps_js %}
-		<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=true"></script>
-		{% endif %}
-		{% javascripts
-			'@OhGoogleMapFormTypeBundle/Resources/public/js/jquery.ohgooglemaps.js'
-		%}
-		<script type="text/javascript" src="{{ asset_url }}"></script>
-		{% endjavascripts %}
-	{% endblock %}
-	{% block oh_google_maps_javascript %}
-		{% block oh_google_maps_callback %}
-			<script type="text/javascript">
-				var oh_google_maps_callback = function(location, gmap){
-					// your callback function here
-				}
-			</script>	
-		{% endblock %}
-		<script type="text/javascript">
-
-			$(function(){
-				$('#{{ id }}_map_canvas').ohGoogleMapType({
-				  'search_input_el'    : $('#{{ id }}_input'),
-				  'search_action_el'   : $('#{{ id }}_search_button'),
-				  'search_error_el'    : $('#{{ id }}_error'),
-				  'current_position_el': $('#{{ id }}_current_position'),
-				  'default_lat'        : '{% if value is defined and value and attribute(value, lat_name) %}{{ attribute(value, lat_name) }}{% else %}{{ default_lat }}{% endif %}',
-				  'default_lng'        : '{% if value is defined and value and attribute(value, lng_name) %}{{ attribute(value, lng_name) }}{% else %}{{ default_lng }}{% endif %}',
-				  'default_zoom'       : {% if value is defined and value and value.lat and value.lng %}15{% else %}5{% endif %},
-				  'lat_field'          : $('#{{ attribute(form, lat_name).vars.id }}'),
-				  'lng_field'          : $('#{{ attribute(form, lng_name).vars.id }}'),
-				  'callback'           : oh_google_maps_callback
-				});
-			});
-
-		</script>
-	{% endblock %}
-</div>
-{% endblock %}
diff --git a/Resources/views/Form/jquery_layout.html.twig b/Resources/views/Form/jquery_layout.html.twig
new file mode 100644
index 0000000..204327f
--- /dev/null
+++ b/Resources/views/Form/jquery_layout.html.twig
@@ -0,0 +1,61 @@
+{% block form_javascript %}
+    {% spaceless %}
+        {% for child in form %}
+            {{ form_javascript(child) }}
+        {% endfor %}
+    {% endspaceless %}
+{% endblock form_javascript %}
+
+{% block field_javascript "" %}
+
+{% block button_javascript "" %}
+
+{% block oh_google_maps_javascript %}
+
+    {% block oh_google_maps_javascripts %}
+        {% if include_jquery %}
+            <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+        {% endif %}
+        {% if include_gmaps_js %}
+            <script type="text/javascript" src="//maps.google.com/maps/api/js?key={{ apiKey }}"></script>
+        {% endif %}
+        {% javascripts
+            '@OhGoogleMapFormTypeBundle/Resources/public/js/jquery.ohgooglemaps.js'
+        %}
+        <script type="text/javascript" src="{{ asset_url }}"></script>
+        {% endjavascripts %}
+    {% endblock %}
+    <script type="text/javascript">
+
+        $(function() {
+            $('#{{ id }}_map_canvas').ohGoogleMapType({
+                'search_input_el': $('#{{ id }}_input'),
+                'search_action_el': $('#{{ id }}_search_button'),
+                'search_error_el': $('#{{ id }}_error'),
+                'current_position_el': $('#{{ id }}_current_position'),
+                'default_lat': '{% if value is defined and value and attribute(value, lat_name) %}{{ attribute(value, lat_name) }}{% else %}{{ default_lat }}{% endif %}',
+                'default_lng': '{% if value is defined and value and attribute(value, lng_name) %}{{ attribute(value, lng_name) }}{% else %}{{ default_lng }}{% endif %}',
+                'default_zoom': {% if value is defined and value and value.lat and value.lng %}15{% else %}5{% endif %},
+                'lat_field': $('#{{ attribute(form, lat_name).vars.id }}'),
+                'lng_field': $('#{{ attribute(form, lng_name).vars.id }}'),
+                'callback': oh_google_maps_callback
+            });
+
+            $('#{{ id }}_input').keypress(function (e) {
+                if (e.which === 13) {
+                    $('#{{ id }}_search_button').trigger('click');
+                    e.preventDefault();
+                }
+            });
+        });
+
+    </script>
+
+    {% block oh_google_maps_callback %}
+        <script type="text/javascript">
+            var oh_google_maps_callback = function (location, gmap) {
+                // your callback function here
+            }
+        </script>	
+    {% endblock %}
+{% endblock %}
diff --git a/Twig/Extension/FormExtension.php b/Twig/Extension/FormExtension.php
new file mode 100644
index 0000000..8bbd38a
--- /dev/null
+++ b/Twig/Extension/FormExtension.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace Oh\GoogleMapFormTypeBundle\Twig\Extension;
+
+use Symfony\Component\Form\FormView;
+use Symfony\Bridge\Twig\Form\TwigRendererInterface;
+
+/**
+ * FormExtension extends Twig with form capabilities.
+ *
+ * @author Olivier Chauvel <olivier@generation-multiple.com>
+ */
+class FormExtension extends \Twig_Extension
+{
+    /**
+     * This property is public so that it can be accessed directly from compiled
+     * templates without having to call a getter, which slightly decreases performance.
+     *
+     * @var \Symfony\Component\Form\FormRendererInterface
+     */
+    public $renderer;
+
+    public function __construct(TwigRendererInterface $renderer)
+    {
+        $this->renderer = $renderer;
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getFunctions()
+    {
+        return array(
+            new \Twig_SimpleFunction('form_javascript', array($this, 'renderJavascript'), array('is_safe' => array('html')))
+        );
+    }
+
+    /**
+     * Render Function Form Javascript
+     *
+     * @param FormView $view
+     * @param bool $prototype
+     *
+     * @return string
+     */
+    public function renderJavascript(FormView $view, $prototype = false)
+    {
+        $block = $prototype ? 'javascript_prototype' : 'javascript';
+
+        return $this->renderer->searchAndRenderBlock($view, $block);
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getName()
+    {
+        return 'oh.twig.extension.form';
+    }
+}
+
diff --git a/Twig/Extension/GlobalsExtension.php b/Twig/Extension/GlobalsExtension.php
new file mode 100644
index 0000000..8621eed
--- /dev/null
+++ b/Twig/Extension/GlobalsExtension.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Oh\GoogleMapFormTypeBundle\Twig\Extension;
+
+/**
+ * Expose GoogleMaps Api Key globally so it can be accessed anywhere in Twig.
+ *
+ * @author Juanjo García <juanjogarcia@editartgroup.com>
+ */
+class GlobalsExtension extends \Twig_Extension implements \Twig_Extension_GlobalsInterface
+{
+    private $apiKey;
+
+    /**
+     * @param string $apiKey
+     */
+    public function __construct($apiKey)
+    {
+        $this->apiKey = $apiKey;
+    }
+
+    public function getGlobals()
+    {
+        return array(
+            'apiKey' => $this->apiKey,
+        );
+    }
+
+    public function getName()
+    {
+        return 'oh.twig.extension.globals';
+    }
+}