google-maps - zoomControl ControlPosition を CSS で定義できますか?

Question

zoomControlの固定位置があることは知っていますが、配置する必要がある場所には十分ではありません。

CSS でスタイルを設定できますか? そのようなtop:80px; right:20px;

Answer 1

はい、 jQueryでそれを行うことができます。生成されたマップの HTML ソースを見ると、マップが提供するさまざまなコントロールに、それらを操作するための ID 属性がないことがわかります。ただし、各要素の title 属性を使用して、必要に応じて変更できます。このソリューションを参照してください。マップ div をクリックするtop:50pxと、ズーム コントロールのバーに a が追加されます。

**デモ

jQuery -

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

同様に、マップ内の他のコントロールをキャプチャし、必要に応じてそれらに css を追加できます。

ここで注意すべき点の 1 つは、ページの読み込み時に CSS を変更することはできません。これは$(document).ready()、実際にはマップの読み込みに時間がかかり、それまでにズーム バーが にないためDOMです。そこで、mapclickイベントを使用して css を追加しました。他のイベントを使用して、ズーム コントロールまたは他のコントロールの css を操作できます。