可以使用CSS定義zoomControl ControlPosition嗎？

Question

我知道那裏有一個fixed position zoomControl，但它們還不夠我需要放的地方。

我可以用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，因爲地圖實際上需要時間加載，並且縮放欄不在DOM中。所以我用地圖click事件來添加CSS。您可以使用其他事件來操縱縮放控件或其他控件的CSS。