加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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; }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读