2017-01-27 5 views
1

backgroundColorプロパティをtransparent、none、またはwhiteに変更しようとしましたが、問題は解決しません。私はchromeとfirefoxの両方で試しましたが、それでも同じです。gmaps4railsを使用すると、地図の中央に円形の背景がある以外はすべてうまくいきます

ビュー:

<script type="text/javascript"> 
    handler = Gmaps.build('Google'); 
    handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){ 
    markers = handler.addMarkers(<%=raw @hash.to_json %>); 
    handler.bounds.extendWith(markers); 
    handler.fitMapToBounds(); 
    }); 
</script> 

コントローラー:

def index 
    @foobars = Foobar.all 
    @hash = Gmaps4rails.build_markers(@foobars) do |foobar, marker| 
    marker.lat foobar.latitude 
    marker.lng foobar.longitude 
    end 
end 

enter image description here

答えて

1

私は$ 100それらの "円" が大国境半径で、個々のGoogleマップの画像タイルあるを賭けると思います。

CSSにはimgのスタイルがあり、これに影響を与える可能性のあるスタイルはborder-radiusです。必要に応じてセレクタを調整してください。あなたのブラウザーのdevtoolsは、問題のセレクターを見つけるのに役立ちます。

+1

うわー!あなたは絶対に正しいです。私はimgのボーダー半径を100%に設定しました。私はちょうど今それを特定のスタイルにする必要があります。ありがとう! – boholdyjeramae

+1

このサークルの原因となっているのは「ボーダー半径」だと分かりましたか? – boholdyjeramae

+0

以前はGoogleマップを使っていましたが、個々の画像タイルが1つずつ読み込まれていることに気付きました。そして、私は 'border-radius'トリックが円マスク画像を作成するのに便利だと知っています。そこからは1 + 1 = 2だった。 :) – Schrockwell

関連する問題