ruby-on-rails - rails 4 : ReferenceError: Gmaps is not defined-6ren

ruby-on-rails - rails 4 : ReferenceError: Gmaps is not defined

转载作者：行者123 更新时间：2023-12-02 19:03:46

24

4

我正在尝试将 gmap 插入我的网页，但无论如何我总是收到 ReferenceError: Gmaps is not Defined。这是我到目前为止所做的:

添加了gem“gmaps4rails”，运行捆绑安装，重新启动服务器
在我的 app/assets/javascript 文件夹中添加了下划线
添加了//=需要下划线 //= 我的 application.js 需要 gmaps/google
编辑了应用程序和我的 View html(代码如下)
在我的 app/assets/javascript 文件夹中添加了一个名为 Gmap.js 的自定义 js 文件(代码如下)

我的application.html.erb(只是头部):

<head>
  <title><%= @page_title %></title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <script src="//maps.google.com/maps/api/js?v=3.13&amp;sensor=false&amp;libraries=geometry" type="text/javascript"></script>
  <script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
  <%= yield :scripts %>
</head>

我的index.html.erb

<div class="col-xs-6">
        <div style='width: 800px;'>
            <div id="map" style='width: 800px; height: 400px;'></div>
        </div>
    </div>
    <br />
</div>

我的 gmap.js

handler = Gmaps.build('Google');
handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
  markers = handler.addMarkers([
    {
      "lat": 0,
      "lng": 0,
      "picture": {
        "url": "https://addons.cdn.mozilla.net/img/uploads/addon_icons/13/13028-64.png",
        "width":  36,
        "height": 36
      },
      "infowindow": "hello!"
    }
  ]);
  handler.bounds.extendWith(markers);
  handler.fitMapToBounds();
});

我在这里遗漏了一些明显的东西吗？感谢您的帮助

这是GitHub repo整个事情的。相关文件名已在帖子中。

最佳答案

在布局文件中，确保在页脚底部以外的部分中包含 js

关于ruby-on-rails - rails 4 : ReferenceError: Gmaps is not defined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29700574/

24

4

0

文章推荐： javascript - 如何在 mongodb 中进行分组以生成对象列表？

ReferenceError: definePageMeta is not defined(ReferenceError：未定义定义页面元)
描述：。在我的Vue 3和nuxt 3项目中，我使用VITEST进行测试。但我在运行测试时遇到了一个问题：。版本。以下是我的页面代码：。下面是我的测试myest.spec.ts：。以下是我的vites
angular - ionic 3 : Uncaught (in promise): ReferenceError: google is not defined ReferenceError
你好吗？我正在研究带有 Ionic 3 教程的 Google map 。我已经完成了那里解释的一切，但是当项目启动时，出现了这个错误。我调查了很多，但没有任何效果。谢谢! Error: Uncaugh
javascript - 从 node.js 开始，出现错误 Uncaught ReferenceError : module is not defined, 和 Uncaught ReferenceError: require is not Defined
我刚刚开始使用 Node.js 并尝试使用模块。我已经安装了 Node 和 npm，并确保一切顺利。我将在下面添加代码来向您展示我得到了什么。我有两个 js 文件，它们在这里。 app.js: va
Angularjs:ReferenceError:未定义范围
我是 Angularjs 的初学者，在理解模块和作用域方面有些困难。我不断收到范围未定义的错误，但我不明白为什么。首先，我将 Controller 链接到我设置路由的位置，但是由于在单击提交按钮时调
JavaScript ReferenceError 被抛出到从未被引用的变量上
我正在制作一个 HTML 模板引擎。程序遍历 HTML，并找到 {{ }} 的所有实例。然后它会遍历计数器中的所有键，并用对 Controller 的引用替换变量名称的实例。例如，如果我的 Con
javascript - ReferenceError 因为变量没有被传递
在我的 React Native 应用程序中，我有一个 ProductScreen，其中导入两个文件来完成屏幕。文件 1 (Products.js) 是我的产品列表文件 2 (Data.js) 是
javascript - ReferenceError - 使用函数加载类
我有以下类(class): class ScheduledContent { constructor(knex) { this.knex = knex } ge
javascript - 调用引用对象属性的方法会抛出 ReferenceError
在以下代码中，obj.sayhello() 行意味着sayhello在 obj 的上下文/范围内执行。 str未在 var 中定义(通过 sayhello )方法。 JS 将在范围内查找变量，即在
javascript - 在函数中使用字符串，ReferenceError
我正在尝试使用字符串作为函数的一部分。 const import1 = require('./import1'); const import2 = require('./import2'); //on
javascript - 访问上面在对象文字中定义的变量会导致 ReferenceError
var g = { lang: "ttt", l: function(){ console.log(lang); } } console.log(g.l());
Javascript: Uncaught ReferenceError
$(document).ready(function(){ $('#name').val('Name1'); }); function clickMe(){ console.lo
meteor :ReferenceError:未定义帐户
我刚刚完成了 Meteor 包的开发。现在我想通过将它添加到新的 Meteor 应用程序来测试它: my_cool_package_name/package.js Package.on_use(fun
javascript - ReferenceError:未定义电子
我在给定的 SSCCE 代码中收到以下错误: Error: ReferenceError: electron is not defined Source File: http://localhost/
javascript - 函数上未捕获的 referenceError
我正在关注一个简单的 tut，它有望构建一个响应式 slider ，但是它一直告诉我控制台中有一个错误指向一个名为 advance() 的函数这是 slider 的简单 html:
javascript - 传递给javascript中的函数时出现Uncaught ReferenceError
我正在尝试使用基于按钮点击的表格中的数据填充表格。我正在将数据传递到 javascript 函数中。 )" id="modifyEdu" class="btn btn-primary"
javascript - if (a) {} 抛出未捕获的 ReferenceError
我需要能够检查一个变量是否存在(如果它没有分配给 {})而不在 javascript 中抛出错误。当我尝试这段代码时 if (a) {} 它抛出 Uncaught ReferenceError
javascript - 测试功能不在测试文件中时出现mochajs referenceerror
我在设置中有一个 mochajs 测试文件和一个 javascript 代码文件，如下所示: /js/module/codefile.js /js/test/testfile.js codefile.
javascript - 加载小书签时未捕获的 ReferenceError
我正在尝试构建一个简单的 Bookmarklet，它将一些外部 Javascript 加载到页面中，目标是将像 Stackoverflow 那样的 Markdown 编辑器添加到另一个站点。我可以使用
javascript - 如何解决这个 ReferenceError？
我有一个基于 Django 的网络应用程序。我用 Scrapy Crawler抓取网页。目前，我的目标是能够使用 jQuery 和 AJAX 请求从网页内控制爬虫。我的理论设置如下: 在网页上，我有
JavaScript 破折号抛出 ReferenceError
以下 JavaScript... if (eval('typeof admin_post_css_theme_dark-moon)=='function')) {/**/} ...触发以下错误消息..

首页

博学

6Ren·AI

商城

ruby-on-rails - rails 4 : ReferenceError: Gmaps is not defined