gmap4rails在本地工作,但没有;不要出现在heroku上
gmap4rails worked locally but doesn't show on heroku
我在heroku上加载地图时遇到问题,地图在本地运行良好,但当我在heroku上测试时,web控制台说错误是buildMap is not define
错误与这条线路buildMap(<%=raw @hash.to_json %>);
有关
这是我的观点:
<script src="//maps.google.com/maps/api/js?v=3.23&sensor=false&client=&key=&libraries=geometry&language=&hl=®ion=" 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 %>
以及我构建地图的咖啡脚本:
class RichMarkerBuilder extends Gmaps.Google.Builders.Marker #inherit from builtin builder
# override method
create_infowindow: ->
return null unless _.isString @args.infowindow
boxText = document.createElement("div")
boxText.setAttribute("class", 'white') #to customize
boxText.innerHTML = @args.infowindow
#boxText.outerHTML = @args.title
@infowindow = new InfoBox(@infobox(boxText))
@bind_infowindow()
infobox: (boxText)->
content: boxText
pixelOffset: new google.maps.Size(-140, 0)
boxStyle:
width: "280px"
@buildMap = (markers)->
handler = Gmaps.build 'Google', { builders: { Marker: RichMarkerBuilder} } #dependency injection
#then standard use
handler.buildMap { provider: {}, internal: {id: 'map'} }, ->
markers = handler.addMarkers(markers)
handler.bounds.extendWith(markers)
handler.fitMapToBounds()
handler.bounds.extendWith markers
这是我的应用程序.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>
所以我确实把yield: javascript
放在了javascript_include_tag
之后,所以我不确定是什么问题
可能在文档加载完成并加载所有Javascript文件之前调用了buildMap(<%=raw @hash.to_json %>);
。尝试在文档中换行。准备函数:
$(document).ready(function() {
buildMap(<%=raw @hash.to_json %>);
});
否则,定义RichMarkerBuilder
的coffeescript文件没有正确编译到Heroku上的资产中。你能从控制台运行buildMap({})
吗?如果没有,您需要确保JS文件使用资产管道正确编译。
相关文章:
- gmap4rails在本地工作,但没有;不要出现在heroku上
- 为什么我的下拉菜单在本地服务器上可以工作,但当我推到heroku时却不能
- JQuery 事件不是在生产中处理 heroku,而是在开发中工作
- Nicedit在本地工作,但不是Heroku
- rails 预编译 为什么 javascript 在本地不起作用,但在 heroku 它可以工作
- JavaScript在开发中工作,而不是在生产中工作(Heroku)
- Heroku 生产:Gmaps 未定义 - 在本地工作
- JavaScript 不会在 Heroku 上加载,而是在本地工作
- Sails JS - 显示闪存消息在 Heroku(生产)上不起作用,但在开发中工作正常
- 投票系统在部署到heroku时不工作
- heroku上的后台工作网络是如何知道的's结束了
- Rails 4-Javascript没有'在Heroku部署后无法工作
- 莫代尔没有在heroku上工作;但在本地运行良好
- moment.js的isoWeek不能在Heroku实例上工作
- 套接字.io + NodeJS不能在Heroku上工作
- SSE在Heroku上没有像预期的那样工作
- 单个Javascript函数不能在Heroku上工作
- ruby on rails-Javascript在本地工作,但在部署到Heroku时不再工作.(带涡轮连杆.)
- Rails: jQuery在本地主机上工作,但不能在heroku上生产
- 内联Javascript不是Rails Heroku不工作