我在Active Admin中使用Gmaps4Rails(Google Maps for Rails)。到目前为止,一切都很好,除了我必须在同一显示页面上添加多张 map 的时候。gem 'gmaps4rails', '~> 2.1', '>= 2.1.2'
我将脚本的导入提取到一个在show View 中仅调用一次的html中,所以不会出现错误:/views/admin/_map_include_scripts.html.erb
<script src="//maps.google.com/maps/api/js?key=<%= ENV['GOOGLE_KEY'] %>"></script>
<script src="//cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.js"></script>
<script src='//cdn.rawgit.com/printercu/google-maps-utility-library-v3-read-only/master/infobox/src/infobox_packed.js' type='text/javascript'></script>
然后在演出中,我做:
div id: 'map' do
render '/admin/map_include_scripts'
markers = DeliveryMarkersService.new(delivery).orders_markers
render '/admin/map_scripts', markers: markers, map_div_id: 'map'
end
在
views/admin/_map_scripts.html.erb
中,我有:<script>
handler = Gmaps.build('Google');
handler.buildMap({ provider: {}, internal: { id: '<%= map_div_id %>' }}, function(){
markers = handler.addMarkers(<%=raw markers.to_json %>);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
handler.getMap().setZoom(15);
});
</script>
到目前为止,它的效果很好!我看到了 map ,标记物以及所有内容。
现在,我想添加带有第二个 map 的第二个div,所以首先我尝试将第一个div更改为以下内容,以验证我可以告诉Gmaps在哪个div中显示它:
div id: 'map2' do
render '/admin/map_include_scripts'
markers = DeliveryMarkersService.new(delivery).orders_markers
render '/admin/map_scripts', markers: markers, map_div_id: 'map2'
end
但是然后 map 不渲染!控制台上没有错误。
如果我确实发送了无效的ID(不存在的div ID),则会收到错误消息。
有人知道发生了什么吗?
最佳答案
您能否指定“ map 不渲染”是什么意思?在页面或DOM上不可见?您是否在开发人员工具中检查了源代码/DOM?如果您没有收到错误,则可能会呈现该错误,但无法正确显示,例如它的宽度/高度设置为0?