ruby-on-rails – 谷歌地图信息窗口缺少图像/角落
发布时间:2020-12-17 03:59:04 所属栏目:百科 来源:网络整理
导读:我的谷歌地图实例中的信息窗口看起来很有趣: 构成信息窗口图形的角落和四肢的一些图像似乎缺失.知道为什么会这样吗?我正在试验,但尚未弄明白. 我正在使用gmap3,一个用于谷歌V3 API的JQuery包装器.这是我设置地图的代码(javascript / haml): script$(windo
我的谷歌地图实例中的信息窗口看起来很有趣:
构成信息窗口图形的角落和四肢的一些图像似乎缺失.知道为什么会这样吗?我正在试验,但尚未弄明白. 我正在使用gmap3,一个用于谷歌V3 API的JQuery包装器.这是我设置地图的代码(javascript / haml): <script> $(window).load(function() { $('#map').gmap3(); var bounds = new google.maps.LatLngBounds (); -@areas.each do |area| bounds.extend(new google.maps.LatLng(#{area.latitude},#{area.longitude})); $('#map').gmap3( { action:'addMarker',latLng:[#{area.latitude},#{area.longitude}],events:{click:function(marker,event){ $(this).gmap3({action:'clear',list:['infoWindow']}); $(this).gmap3( { action:'addInfoWindow',latLng:marker.getPosition(),infowindow: {content:"#{escape_javascript(link_to area.name,area)}<br>#{escape_javascript(image_tag area.image_holder.image.url(:thumb)) if area.image_holder.present?}"} } )}} } ); $('#map').gmap3('get').fitBounds(bounds); $('.clickable_row').click(function() { var id = $(this).attr('id'); window.location = '#{areas_path}' + '/' + id; }); }); </script> 解决方法
我已经看到这是由最大宽度规则覆盖地图引起的.尝试设置:
#map img { max-width: none; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |