Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script src="http://xilinus.com/jquery-addresspicker/src/jquery.ui.addresspicker.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style type="text/css">
    #addresspicker_map {
  border: 1px solid #DDD; 
  width:600px;
  height: 400px;
  float: center;  
  margin: 0px 0 0 10px;
  -webkit-box-shadow: #AAA 0px 0px 15px;
}
    div {
      font-family: Arial;
      font-size: 10pt;
    }
  </style>
   
   
  
  <script type="text/javascript">
    $(function() {
      var addresspicker = $("#addresspicker").addresspicker();
      var addresspicker2 = $("#addresspicker2").addresspicker();
  
    });
    
    </script>
  
  
</head>
<body>
<div>
      <label>Address : </label><input id="addresspicker" />
</div>  
  <br/>
  <br/>
  
  <label>Address : </label><input id="addresspicker2" />
  <div>
​
    <br/>
<div id="addresspicker_map"></div>
  </div>
  
 
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers