Installation

composer require krixer/google-map-form-type-bundle

// config/bundles.phpreturn [// ...Oh\GoogleMapFormTypeBundle\OhGoogleMapFormTypeBundle::class => ['all' =>true],];

# config/packages/oh_google_map_form_type.yamloh_google_map_form_type:api_key:"%google_maps_api_key%"

Usage

$builder->add('latlng', GoogleMapType::class);

// Your model eg, src/My/Location/Entity/MyLocation.phpuse Oh\GoogleMapFormTypeBundle\Traits\LocationTrait;class MyLocation{    // ... include your lat and lng fields here using LocationTrait    use LocationTrait;}

# your config.ymltwig:    form_themes:        # This uses the default - you can put your own one here        - 'OhGoogleMapFormTypeBundle:Form:fields.html.twig'

{# 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 latitudeconsole.log('Your new latitude is: '+location.lat());}</script>{% endblock %}

Options

array('type'           => HiddenType::class,  // the types to render the lat and lng fields as'addr_type'      => TextType::class,  // the type to render the address field'attr'           => ['class' => 'form-group'],'search_enabled' => true,'options'        => [], // the options for both the fields'lat_options'    => [], // the options for just the lat field'lng_options'    => [], // the options for just the lng field'addr_options'   => [], // the options for just the addr field'lat_name'       => 'latitude',   // the name of the lat field'lng_name'       => 'longitude',   // the name of the lng field'addr_name'      => 'address',  // the name of the addr field (optional)'error_bubbling' => false,'map_width'      => '100%',  // the width of the map'map_height'     => '300px', // the height of the map'default_lat'    => 41.390205,    // the starting position on the map'default_lng'    => 2.154007, // 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?)

Screenshots

Known problems

Credits