使用 gmaps4rails，一切都很好，除了地图中间有这个圆形背景

Question

我已经尝试将背景颜色属性更改为透明、none 或白色，但无法解决问题。我在 chrome 和 firefox 上都试过了，但还是一样。

查看：

<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

Answer 1

我敢打赌 100 美元 "circles" 是单独的 Google 具有较大边框半径的地图图像图块。

在您的 CSS 中查找具有 border-radius 属性的任何 img 样式可能会对此产生影响，并根据需要调整您的选择器。您浏览器的开发工具可以帮助您找到有问题的选择器。

使用 gmaps4rails，一切都很好，除了地图中间有这个圆形背景

Using gmaps4rails, all is well, except there's this circular background in the middle of the map

ruby-on-rails

gmaps4rails