gmaps4rails는지도 컨트롤이있는 빈지도를 표시합니다.

레일 3 프로젝트에서 gmaps4rails가 작동하려고합니다. 데모에 따라 모든 설정이 있지만 내보기는지도가 있어야하는 회색 배경 위에지도 컨트롤 만 표시합니다. 크롬과 사파리에서 시험해 보았습니다. 이견있는 사람? 컨트롤러의gmaps4rails는지도 컨트롤이있는 빈지도를 표시합니다.

acts_as_gmappable :process_geocoding => false 

def gmaps4rails_address 
    "#{address}, #{city}, #{state} #{zip}" 
end

: 뷰

@venues = Venue.limit(5) 
@venue_map_data = @venues.to_gmaps4rails

다음 application.html.erb 레이아웃

<%= gmaps4rails(@venue_map_data) %>

<!DOCTYPE html> 
<html> 
<head> 
    <title>MapTest</title> 
    <%= stylesheet_link_tag :all %> 
    <%= javascript_include_tag :defaults %> 
    <%= csrf_meta_tag %> 
    <%= yield :head %> 
</head> 
<body> 
    <%= yield %> 
    <%= yield :scripts %> 
</body> 
</html>

모델에

자바 스크립트 물건 : @venues에 모여

<script src="/javascripts/gmaps4rails.js" type="text/javascript"></script> 
<script type="text/javascript" src='http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0/src/markerclusterer_compiled.js'></script> 
<script type="text/javascript" charset="utf-8"> 
function gmaps4rails_init() { 
    Gmaps4Rails.map_options.auto_adjust = true; 
    Gmaps4Rails.initialize(); 
    Gmaps4Rails.markers = [{"longitude": "37.742956", "latitude": "-122.421695"}, 
      {"longitude": "37.742668", "latitude": "-122.421735"}, 
      {"longitude": "37.742578", "latitude": "-122.42178"}, 
      {"longitude": "37.742862", "latitude": "-122.421575"}, 
      {"longitude": "37.743123", "latitude": "-122.421485"}]; 
    Gmaps4Rails.create_markers(); 
    if(typeof gmaps4rails_callback == 'function') { gmaps4rails_callback(); } 
} 

function gmaps4rails_loadScript() { 
    var script = document.createElement("script"); 
    script.type = "text/javascript"; 
    script.src = "http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&callback=gmaps4rails_init"; 
    document.body.appendChild(script); 
} 

window.onload = gmaps4rails_loadScript; 

</script>

장소 데이터 : 이름, 주소, 도시, 주, 우편 번호, 위도, 경도
수 Altena 레스토랑, 3346 미션 세인트, 샌프란시스코, CA, 94110, -122.421695, 37.742956
LA 모레 Latinoamericana, 3391 미션 세인트, 샌프란시스코, CA, 94110, -122.421735, 37.742668
코스타 델 솔 II, 3385 미션 세인트, 샌프란시스코, CA, 94110, -122.42178, 37.742578
엘 Amigo Bar, 3355 Mission St, San Francisco, CA, 94110, -122.421575, 37.742862
서른 세 백 클럽, 3300 미션 세인트, 샌프란시스코, CA, 94110, -122.421485, 37.743123

출처

2011-05-05 jmcopeland

당신이 수율을해야합니까 : 당신의 바닥 글에 스크립트? 만든 j를 붙여 넣을 수 있습니까? – apneadiving

나는 바닥 글에 스크립트를 넣고 양보한다. 머리를 쓰라. – jmcopeland

젠장, 그냥 앞뒤로 찾고 20분 후 함께 할 수있는

아무것도 그것을 없어 보석 : 좌표를 살펴보십시오.

Gmaps4Rails.markers = [{"longitude": "37.742956", "latitude": "-122.421695"}, 
     {"longitude": "37.742668", "latitude": "-122.421735"}, 
     {"longitude": "37.742578", "latitude": "-122.42178"}, 
     {"longitude": "37.742862", "latitude": "-122.421575"}, 
     {"longitude": "37.743123", "latitude": "-122.421485"}]

위도는 경도 표에, 그 반대의 경우도 마찬가지입니다.

경도 = [-180, 180]

위도 = [-90, 90]

출처

2011-05-05 20:54:53 apneadiving

당신은 올바른 선생님입니다. 그것은 위도/경도를 바꿔 놓은 별도의 지오 코딩 라이브러리의 버그였습니다. 감사! 그런데 멋진 보석. – jmcopeland

gmaps4rails는지도 컨트롤이있는 빈지도를 표시합니다.

답변

관련 문제