可以用CSS定义zoomControl ControlPosition吗？

Question

我知道zoomControl有一个fixed position，但它们还不足以放到我需要的位置。

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

Answer 1

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

<强> **DEMO

<强>的jQuery -

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

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

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