4

Google マップ インスタンスの情報ウィンドウが変に見えます:背景画像が欠落している情報ウィンドウ

情報ウィンドウのグラフィックの角と端を構成する画像の一部が欠落しているようです。なぜこれが起こっているのですか？実験中ですが、まだわかりません。

Google の V3 API の JQuery ラッパーであるgmap3を使用しています。マップを設定するためのコードは次のとおりです (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>
4

4 に答える 4

11

これは、マップを上書きする max-width ルールが原因であることがわかりました。これを設定してみてください：

#map img { max-width: none; }
于 2011-08-20T04:21:21.513 に答える
0

この問題の原因はわかりませんが、もう発生していません。その時点で、私はまだ javascript と Google マップを自分の Rails アプリに統合することに慣れていたので、設定や js の組み込みに失敗したのかもしれません。知るか。

私の愚かさまでそれをチョークしてください。

于 2011-10-06T15:15:23.990 に答える
0

同じ問題を抱えていた、

このコードをcssファイルに入れるだけです：

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
max-width: 99999px;

}

于 2013-08-30T10:24:27.493 に答える
0

接続の低帯域幅に関係していると思います.隅の画像がタイムアウトしていると思います.これは毎回発生していますか?接続に問題がありますか?firebug を試して、ネットワークトラフィックを確認し、画像を見つけてください.要求とタイムアウトの場合。

于 2011-05-24T06:59:32.613 に答える