Rails中的嵌入式Google地图无法响应
我正在尝试将Google地图嵌入我的Ruby on Rails网站。
我可以使用我实现的搜索function在地图上搜索地点,但我无法以任何方式与地图进行交互。 我无法拖动,缩放,点击方向,点击更改为卫星视图 – 没有。
我从这里采取了标准代码
我已经通过编写一个具有相同确切代码的简单html文件并运行SimpleHTTP Python服务器来确认Rails存在问题。 在这个简单的HTML文件中,地图function齐全。
Rails中有什么东西阻止它工作吗?
我正在运行Ruby 2.2.1和Rails 4.2.6
刷新页面,控制台看起来像这样
Started GET "/homes?utf8=%E2%9C%93&search=name2&commit=Find" for ::1 at 2016-07-08 16:07:00 -0400 Processing by HomesController#index as HTML Parameters: {"utf8"=>"✓", "search"=>"name2", "commit"=>"Find"} Home Load (0.5ms) SELECT `homes`.* FROM `homes` WHERE `homes`.`name` = 'name2' ORDER BY `homes`.`id` ASC LIMIT 1 Rendered homes/index.html.erb within layouts/application (0.3ms) Completed 200 OK in 15ms (Views: 12.3ms | ActiveRecord: 0.5ms) Started GET "/assets/turbolinks.self-c5acd7a204f5f25ce7a1d8a0e4d92e28d34c9e2df2c7371cd7af88e147e4ad82.js?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/homes.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/jquery.self-660adc51e0224b731d29f575a6f1ec167ba08ad06ed5deca4f1e8654c135bf4c.js?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/jquery_ujs.self-e87806d0cf4489aeb1bb7288016024e8de67fd18db693fe026fe3907581e53cd.js?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/scaffolds.self-eb1a78b28e204749434f74792f8691befac84bd13affecbb8570043d2a38612c.css?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/application.self-d9e17b260b47ee1a5a805b39ec14012b484178bbc392ce717b7d51d0c785d7d3.css?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/homes.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" for ::1 at 2016-07-08 16:07:00 -0400 Started GET "/assets/application.self-3b8dabdc891efe46b9a144b400ad69e37d7e5876bdc39dee783419a69d7ca819.js?body=1" for ::1 at 2016-07-08 16:07:00 -0400
看起来Rails与谷歌地图的turbolinks
冲突,看到这个答案:
Rails 4 turbo-link阻止jQuery脚本工作
看看关闭turbolinks是否解决了问题:
-
从您的Gemfile中删除
gem "turbolinks"
并运行bundle
。 -
删除
//= require turbolinks
来自application.js
//= require turbolinks
。