Question

我正在尝试使用Mapbox将地图添加到其中一个rails页面。我按照Mapbox.js页面上的说明完全按照文档进行操作，但页面无法显示在我的页面上。

这是我的map。

这是我的index.html.erb页面上的代码：

<div class="properties-results">
<h1>Recent Sales Near <%= params[:search] %></h1>

<div id='map'></div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoibW9yYWxlczI1NyIsImEiOiJjaWpybXdsMWMwY2tndG9tNXB5ajFhbjE3In0.whDnBZvQN5wQ5bwvtw2fBw';
L.mapbox.map('map', 'morales257.opbj9hf9').setView([-79.392524,43.654967], 5);

</script>
<ul>
  <% @comps.each do |comparable|%>
  <li><%= comparable.street %></li>
  <i> <%= comparable.sold_price%></i>
  <% end %>
</ul>



</div>

这是application.html.erb页面中的标题：

<head>
  <title>Workspace</title>

<script src='https://api.tiles.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' />
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>

根据我的理解，这应该足以至少在页面上显示地图，但什么都没有出现。

如果您熟悉Mapbox和Rails，我们将非常感谢您的帮助！

Answer 1

不熟悉Rails但据我所知，你的代码看起来很好。唯一缺少的是你的地图包含元素的CSS规则，它可以解释地图不可见而不会给控制台带来任何错误：

<style>
    body {
        margin: 0;
        padding: 0;
    }
    #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
    }
</style>

在Mapbox网站上查看此基本示例：https://www.mapbox.com/mapbox.js/example/v1.0.0/

Mapbox Map没有显示Rails

1 个答案: