Small Google Map Marker with two shadows about jquery-addresspicker HOT 8 CLOSED

<%= content_for(:head) do%>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<% end %>

<script>
    $(function() {
        var addresspickerMap = $( "#addresspicker_map" ).addresspicker({
          elements: {
            map:      "#map",
            lat:      "#lat",
            lng:      "#lng",
            locality: '#locality',
            country:  '#country'
          }
        });
        var gmarker = addresspickerMap.addresspicker( "marker");
        gmarker.setVisible(true);
        addresspickerMap.addresspicker( "updatePosition");
    });
</script>

<p>Make sure the map is pointing your delivery location</p>
<div id='map'></div>

<div class="field">
  <%= f.label :address %><br />
  <%= f.text_field :address, id: "addresspicker_map", class: "ui-autocomplete-input", autocomplete: "off", role: "textbox", :'aria-autocomplete' =>"list", :'aria-haspopup' =>"true" %>
</div>
<div class="field">
  <%= f.label :city %><br />
  <%= f.text_field :city, id: 'locality' %>
</div>
<div class="field">
  <%= f.label :country %><br />
  <%= f.text_field :country, id: 'country' %>
</div>

<%= f.text_field :latitude, id: 'lat', type:'hidden'  %>

<%= f.text_field :longitude, id: 'lng', type: 'hidden' %>