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
うわー!あなたは絶対に正しいです。私はimgのボーダー半径を100%に設定しました。私はちょうど今それを特定のスタイルにする必要があります。ありがとう! – boholdyjeramae
このサークルの原因となっているのは「ボーダー半径」だと分かりましたか? – boholdyjeramae
以前はGoogleマップを使っていましたが、個々の画像タイルが1つずつ読み込まれていることに気付きました。そして、私は 'border-radius'トリックが円マスク画像を作成するのに便利だと知っています。そこからは1 + 1 = 2だった。 :) – Schrockwell