Address picker sample, based on http://xilinus.com/jquery-addresspicker/demos/index.html

index.html

<div id="professional_address_address_widget">
  <div id="professional_address_input">
    <div id="professional_address">
      <div>
        <label for="professional_address_address" class="required">Adresse</label>
        <input type="text" id="professional_address_address" name="professional[address][address]" required="required" maxlength="255" class="span8" value="19 Ruelle de Vitrimont, 54000 Nancy, France" />
      </div>
      <input type="hidden" id="professional_address_zip_code" name="professional[address][zip_code]" required="required" value="54000" />
      <input type="hidden" id="professional_address_location" name="professional[address][location]" required="required" value="Nanterre" />
      <input type="hidden" id="professional_address_latitude" name="professional[address][latitude]" required="required" value="48.7059551" />
      <input type="hidden" id="professional_address_longitude" name="professional[address][longitude]" required="required" value="6.1790859" />
    </div>
  </div>
  <div id="professional_address_map" class="address_map"></div>
</div>

script.js

    // Based on http://xilinus.com/jquery-addresspicker/demos/index.html

    // Address picker
    var addresspickerMap = $("#professional_address_address").addresspicker({
        regionBias: "fr",
        mapOptions: {
            zoom: 16
        },
        elements: {
            appendAddressString: "France",
            map: "#professional_address_map",
            postal_code: "#professional_address_zip_code",
            locality: '#professional_address_city',
            lat: '#professional_address_latitude',
            lng: '#professional_address_longitude'
        }
    });

    var gmarker = addresspickerMap.addresspicker("marker");
    gmarker.setVisible(true);
    addresspickerMap.addresspicker("updatePosition");