2

この非常にクールな JVector Interactive マップ プラグインを Rails 3 アプリで使用しようとしましたが、マップがレンダリングされないため、何か間違ったことをしているに違いありません。私はRailsでJQueryをあまり使用していないので、これは初めてです。Maps というコントローラーとIntro.html.erbというビューを作成しました。これには、このチュートリアルの html が含まれています。

また、.js 関数を分割して、application.js に配置しました。それがうまくいかなかったので、 Intro.html.erb ファイルに入れようとした他のコードを見つけました:

<!DOCTYPE html>
  <html>
  <head>
  <title>Test</title>
    <link rel="stylesheet" href="public/javascripts/jquery.vector-map.css"     type="text/css" media="screen" />   
    <script src="public/javascripts/jquery.min.js"></script>
    <script src="public/javascripts/jquery.vector-map.js"></script>
    <script src="public/javascripts/world-en.js"></script>
    <script>
      $(function(){
       $('#map').vectorMap();
    });
   </script>
 </head>
  <body>
    <div id="map" style="width: 600px; height: 400px;"></div>
  </body>
</html>

まだレンダリングされていません。これを開発環境で実行しようとしていて、ローカルでファイルを指しています。例: public/javascripts/world-en.js"

どんな助けでも大歓迎です。

4

2 に答える 2

1

「世界地図」を使用したいのですが、あなたの機能では「#map」を定義しています。試すことができる正しいコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
  <title>jVectorMap demo</title>
  <link rel="stylesheet" href="scripts/jquery-jvectormap-1.2.2.css" type="text/css" media="screen"/>
  <script src="scripts/jquery-1.8.2.js"></script>
  <script src="scripts/jquery-jvectormap-1.2.2.min.js"></script>
  <script src="scripts/jquery-jvectormap-world-mill-en.js"></script>
</head>
<body>
  <div id="world-map" style="width: 600px; height: 400px"></div>
  <script>
    $(function(){
      $('#world-map').vectorMap();
    });

  </script>
</body>
</html>

ここに必要なドキュメントがあるフォルダがあります。次のフォルダーをローカル ホストの htdocs にダウンロードして解凍します。

于 2013-04-25T03:54:09.257 に答える