Tag: gmaps4rails

有没有办法让gmaps4rails在街景中打开地图？

我尝试过更改缩放级别，但它始终保持在地图模式下。 无法在wiki上找到任何信息。 任何帮助或其他建议将不胜感激。

gmaps4rails – 在地图上动态更新数据库中的标记而不刷新页面

你好我建立实时总线跟踪Rails应用程序。 我使用gmaps4rails gem在Rails 4中的Google Map上的数据库中显示了我的标记。 控制器： @hash = Gmaps4rails.build_markers(@vehicle_trackings) do |track, marker| marker.lat track.latitude marker.lng track.longitude marker.picture({ url: “/images/Bus Filled-30.png”, width: 50, height: 50 }) end 视图： handler = Gmaps.build(‘Google’); handler.buildMap({ provider: {}, internal: {id: ‘map’}}, function(){ markers = handler.addMarkers(); handler.bounds.extendWith(markers); handler.fitMapToBounds(); }); 现在如何每15秒动态更新标记在地图上的位置而不刷新数据库中的页面？

调整缩放Gmaps4Rails

我正在使用Gmaps4Rails gem，无法弄清楚如何调整默认缩放设置。 在我看来，我有以下代码： {“auto_adjust” => false, “auto_zoom” => false, “zoom” => 15 }, “markers” => {“data” => @json } }) %> 我知道这已被多次询问和回答，但也许我只是没有看到任何建议？ 我错过了一些完全明显的东西？ 我为重新提出这个问题而道歉。 谢谢，凯文 编辑 我没有正确地注释掉gmaps的默认实例，它覆盖了我的自定义设置。 感谢所有帮助@apneadiving！

当iside选项卡时，gmaps4rails只显示地图的一半。 知道为什么吗？

我一直在四处寻找，但我没有发现这样的问题。 Gmaps4rails非常适合我！ 插入JQuery选项卡时遇到麻烦。 它加载了一半的地图。 它实际上看起来像是缺少图片。 我可以照常移动/resize。 但只显示地图的一部分。 缺少的部分通常是左/下部分。 但空部分的大小一直在变化。 同时，hover地图时显示鼠标光标的手在hover此空白部分时变为箭头（但此部分仍在Google容器内）。 如果我将gmaps容器放在JQuery选项卡之外，它可以很好地工作。 谁看过这个吗？ 视图 #tabs-4 #gmap =gmaps(“map_options” => { “detect_location” => true, “auto_zoom” => false, “center_on_user” => true, “zoom” => 17},”markers” => { “data” => @json }) 非常感谢！

为gmaps4rails创建地图标记直接链接

目前，当点击地图标记时，infowindow显示为“会发生什么”，如下所示： google.maps.event.addListener(marker, ‘click’, function(){ infowindow.open(Gmaps.map.map, marker); }); 如何让它自动链接到标记的SHOW页面，即。 在哪里可以放入代码参考： #{title} 要么 function

Rails 4 – 如何在供应商文件中引用javascript源代码

我刚刚发现我需要通过直接在我的应用程序中插入javascript文件来修改我的GMaps for Rails设置。 Rails 4 – Gmaps4Rails – 地图不会渲染 我已经克隆了信息框和markerclusterer repos，现在我试图引用我的应用程序中的相关文件。 我在供应商文件中有克隆附带的文件文件夹。 我理解我需要使用的javascript文件是：infobox.js和markerclusterer.js 这些文件位于： vendor/js-marker-clusterer/src/makerclusterer.js vendor/v3-utility-library/src/infobox.js 我想用它们代替这个视图中的代码： 我是否需要在app / application.js中引用javascript文件？ 如果是这样，我需要在路径的哪一点开始（假设这些文件不在vendor / assets / javascripts文件夹中）？ 此外，我知道我需要以某种方式合并markerclusterer图像。 这些也在克隆的仓库中出现，并存储在vendor / js-markerclusterer / images文件夹中。 如何引用它们以便它们在视图中工作？

如何使用Google-Maps-for-Rails使信息窗口自动显示为打开状态

我想显示一个地图，其中包含自动显示页面上单个标记的信息框，就像http://code.google.com/apis/maps/documentation/javascript/examples/map-coordinates.html 我试图编写一个回调函数来完成这个，但它只是不适合我。 Gmaps.map.callback = function() { if (Gmaps.map.markers.length == 1) { var marker = Gmaps.map.markers[0]; var infowindow = marker.infowindow; infowindow.open(Gmaps.map, marker); } }

使用Gmaps4rails通过AJAX调用渲染Gmap

这里有一些主题试图解决这个问题： Gmaps4rails：地图没有显示动态加载时 ，特别是在这里： 使用gmaps4rails通过Ajax渲染谷歌地图 ，还观看了gmap动态更新的截屏，但我似乎还没有得到这行得通。 我只是在点击按钮显示用户和商品之间的方向时，我试图在下拉选项卡中加载地图。 在我的_location.html.erb部分我有： { “data” => { “from” => current_user.location, “to” => @offer.location } } })%> （地点是地址） 现在，当部分立即渲染时，这很有效。 但是，如果我在最初加载整个页面之后尝试在AJAX调用上渲染部分，则不会显示gmap。 是否可以通过AJAX调用初始化和渲染gmap然后显示方向？

使用Google-Maps-for-Rails添加标记

我正在玩https://github.com/apneadiving/Google-Maps-for-Rails ，我想清除地图上的所有标记，并在地图上用户点击的位置添加一个新标记，我在页面中添加了以下代码 function gmaps4rails_callback() { google.maps.event.addListener(Gmaps4Rails.map, ‘click’, function(object){ alert(object.latLng); }); 通过这种方式，我可以看到具有lat和long值的警报，现在我如何删除旧标记并创建新标记并将其放在地图上？

谷歌地图自动完成js正在localhost上工作但不在heroku上工作

我是铁轨开发人员的初级ruby。 我开发了一个使用谷歌地图JavaScript API的网络应用程序，我在表单输入上使用自动完成function。 自动完成在localhost上正常工作，但在heroku上部署后不再起作用。 这是我的html.erb。 为了获得完美的信息，表单位于页脚中。 此表单是部分隐藏的，唯一可见的部分对应于用于上传video文件的按钮。 单击此按钮并选择video文件后，我将显示包含表单其余部分的模式。 这就是显示’text_field_tag’（id =“user_input_autocomplete_address”）并且自动完成应该在哪里工作的地方。 Place Comment $(‘#review_video’).change(function(){ $(‘#myModal’).modal(‘show’); }); 页脚（收集模态和表单）在layouts / application.html.erb视图中调用，如下所示。 您会看到我在那里使用Google API密钥（隐藏在application.yml中） <meta name="msapplication-TileImage" content="”> <meta name="description" content="”> <meta property="og:title" content="” /> <meta property="og:url" content="” /> <meta property="og:image" content="” /> <meta property="og:description" content="” /> <meta property="og:site_name" content="” /> <meta name="twitter:site" content="”> <meta name="twitter:title" content="”> <meta name="twitter:description" content="”> […]