javascript - 从 Google map 中删除控件

Question

我的页面上有一些小 map ，其中显示带有标记簇的标记。

我真的不希望在此 map 上显示任何缩放或其他工具。部分原因是这些工具甚至无法正确显示(无论 Canvas 大小如何)。

我正在使用gmaps4rails Gem

这是我现在拥有的图片:

我想删除我用红色阻止的内容:

这是我的编码:

<div style='padding: 6px;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #ccc #999 #ccc;
        -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
        -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
        box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
'>
  <div id="map2" style='width: 450px; height: 200px;'></div>
</div>

<script type="text/javascript">
    handler2 = Gmaps.build('Google', { markers: { clusterer: {gridSize: 50, maxZoom: 5} } });
    handler2.buildMap({ provider: {}, internal: {id: 'map2'}}, function(){
        handler2.addMarkers(<%=raw @hash2.to_json %>);
        handler2.getMap().setZoom(3);
        handler2.map.centerOn([39.828127,-98.579404]);
    });
</script>

Answer 1

根据google maps doc ，您可以使用 disableDefaultUI 来实现。

因此将其传递给提供者对象:

provider: {disableDefaultUI: true }

See plunkr