如何使用jquery-addresspicker jquery与rails 3.1

Question

我想用rails 3.1的jquery-addresspicker，但我无法让它运行。

这里是链接https://github.com/sgruhier/jquery-addresspicker和文档没有提及太多。

任何人都可以建议如何在我的rails应用程序中使用它？

Answer 1

你包括谷歌地图

<script src="http://maps.google.com/maps/api/js?sensor=false"></script> 

和jquery-ui？

Answer 2

代替脚本代码在HTML，或在单独的JS文件

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

     }); 
    </script> 


<div> 
    <div class='input'> 
     <%= f.label :address %><br /> 
     <%= f.text_field :address, :id => "addresspicker_map" %> 
     <%= f.label :locality %><br /> 
     <%= f.text_field :locality, :id => "locality", :disabled => "true" %> 
     <%= f.label :country %><br /> 
     <%= f.text_field :country, :id => "country", :disabled => "true" %> 
     ... 
    </div> 
    <div id="map"></div> 
    <div id="legend">You can drag and drop the marker to the correct location</div> 
    </div> 

这是一块教程我制成。我没有尝试过，但这是你的开始。 你必须从这里使用CSS样式吧：

https://github.com/sgruhier/jquery-addresspicker/blob/master/demos/demo.css

包括在这里的应用程序中的js文件：

https://github.com/sgruhier/jquery-addresspicker/tree/master/src

和图像：

https://github.com/sgruhier/jquery-addresspicker/tree/master/demos/images

Answer 3

这已经被移植在此回购https://github.com/ddidier/address_picker-rails