2016-05-13 12 views
1

herokuにロードする地図を取得するのに問題があります。マップはローカルでうまく動作しますが、herokuでテストすると、WebコンソールはエラーがbuildMap is not definegmap4railsはローカルでは動作しましたが、英雄には表示されません

:私はマップを構築するところ

<script src="//maps.google.com/maps/api/js?v=3.23&sensor=false&client=&key=&libraries=geometry&language=&hl=&region=" type="text/javascript"></script> 
<script src="//cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.js" type="text/javascript"></script> 
<script src='//cdn.rawgit.com/printercu/google-maps-utility-library-v3-read-only/master/infobox/src/infobox_packed.js' type='text/javascript'></script> <!-- only if you need custom infoboxes --> 
<script src='//cdn.rawgit.com/googlemaps/js-rich-marker/gh-pages/src/richmarker-compiled.js' type='text/javascript'></script> 
<script src='//cdn.rawgit.com/printercu/google-maps-utility-library-v3-read-only/master/infobox/src/infobox_packed.js' type='text/javascript'></script> 

<% if customer_signed_in? %> 
    <nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <%= link_to "Discount Now", dashboard_path, class: "navbar-brand", id: "logo" %> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
     <li> <%= link_to "Home", dashboard_path %> </li> 
     <li> <%= link_to "edit profile", edit_customer_registration_path %></li> 
     </ul> 

     <ul class="nav navbar-nav navbar-right"> 
     <li>Signed in as <%= current_customer.email %></li> 
     <li><%= link_to "log out", destroy_customer_session_path,:method => :delete, id: "nav-login-button", type: "button", class: "btn btn-primary navbar-btn"%></li> 
     </ul> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 


<%= form_tag dashboard_path, :method => :get do %> 
<div class= "row"> 
    <p> 
    <%= text_field_tag :search, params[:search], class: "col-md-4"%> 
    <%= submit_tag "Search Near", class: "btn btn-info", :name => nil %> 
    </p> 
    </div> 
<% end %> 

<div style='width: 800px;'> 
    <div id="map" style='width: 900px; height: 500px;'></div> 
</div> 

<script type="text/javascript"> 
    buildMap(<%=raw @hash.to_json %>); 

</script> 
<%else %> 
<% link_to "sign up", new_customer_session_path%> 
<% end %> 

とコーヒースクリプト:

エラーがこの行buildMap(<%=raw @hash.to_json %>);

に関連しているが、これは私の見解であります

これは私のapplication.html.erbファイル

<!DOCTYPE html> 
<html> 
<head> 
    <title>CS160</title> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
</head> 
<body> 
<%= yield %> 
<%= yield :javascript %> 
</body> 
</html> 

ので、私は唯一のjavascript_include_tagyield: javascriptを入れてなかったので、私はそれはbuildMap(<%=raw @hash.to_json %>);が呼び出されている可能性がありますどのような問題が

答えて

0

あるか分かりませんドキュメントのロードが完了し、すべてのJavascriptファイルがロードされる前にdocument.ready関数でラップしてみてください。

$(document).ready(function() { 
    buildMap(<%=raw @hash.to_json %>); 
}); 

そうでない場合は、RichMarkerBuilderを定義するのCoffeeScriptファイルが正常にHerokuの上のあなたの資産にコンパイルされていません。コンソールからbuildMap({})を実行できますか?そうでない場合、JSファイルがアセットパイプラインで適切にコンパイルされていることを確認する必要があります。

+0

はいbuildMap({})をコンソールから実行すると、buildMap({})にlattitudeとlongtitudeという値の検索が含まれているように見えますが、マップはちょうど – KhoaVo

+0

とサーバーに正しくロードされたcoffescriptスクリプト私はちょうどチェックして、それはサーバー上にあり、document.ready doesn助けの中にbuildmapを囲んでいるので、問題が何であるか分かりません – KhoaVo

+0

'$(document).ready(function(){ buildMap(< – KhoaVo

関連する問題