google-maps - 可以用 CSS 定义 zoomControl ControlPosition 吗？

Question

我知道 zoomControl 有一个固定位置，但它们不足以放置我需要放置的位置。

我可以用 CSS 设置样式吗？如top:80px; right:20px;

Answer 1

是的，你可以用jQuery做到这一点。如果您看到生成的地图的 HTML 源代码，可以观察到地图提供的各种控件没有 ID 属性来操作它们。但是，我们可以根据需要使用每个元素的 title 属性来修改它们。请参阅此解决方案，其中单击地图 div 会top:50px在缩放控制栏中添加一个 -

**演示

jQuery-

$("div[title='Click to zoom']").css("top","50px");
        });

同样，您可以捕获地图中的其他控件并根据需要向它们添加 css。

这里要注意的一点是，您不能$(document).ready()在页面加载时更改 css，因为地图实际上需要时间来加载，然后缩放栏不在DOM. 所以我使用了一个地图click事件来添加css。您可以使用其他事件来操作缩放控件或其他控件的 css。