Question

因此，我已经创建了一个应用程序，但是我想在其上实现JQVmaps。

我已按照指南进行操作，因此不会在当前应用中显示。我去测试了我创建的新应用，该应用可以渲染，但不能在当前应用中使用。

我的资产/样式表/application.css

/*
 *= require jqvmap
 *= require_tree .
 *= require_self
 */

我的 asset / javascript / application.js

//= require rails-ujs
//= require turbolinks
//= require jquery
//= require popper
//= require bootstrap
//= require jquery.vmap
//= require_tree .

我的 index.html.erb 。

<div id="vmap" style="width: 100%; height: 100vh;"></div>
  <script type="text/javascript">
      jQuery(document).ready(function () {
          jQuery('#vmap').vectorMap({
          map: 'world_en',
          backgroundColor: '#fffefa',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          scaleColors: ['#C8EEFF', '#006491'],
          values: sample_data,
          normalizeFunction: 'polynomial'
      });
  });

在我的 application.html.erb 中。

<link href="../jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="../jqvmap/jquery.vmap.js" type="text/javascript"></script>
<script src="../jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>

我还将所有必需的文件放置在样式表和 javascript 中。

此外，我正在使用Rails 5.2

JQVMAPS无法在Rails应用程序上呈现

0 个答案: