javascript - Google マップ内にボックスをプッシュする方法は?

Question

Google マップ内にボックスを配置する必要があります。マップの下にボックスがありますが、ボックスを押してマップ内に留まる方法がわかりません。

ここで私は簡単な例を作りました：

http://jsbin.com/avAmEpAZ/1/edit

フルスクリーンで見て理解を深めることができます: http://jsbin.com/avAmEpAZ/1

これがどうやって入手できるか知っていますか？

どうもありがとうございました！

Answer 1

私はこの解決策を思いつきました：

var input = (document.getElementById('--BOX_ID--')); map.controls[google.maps.ControlPosition.TOP_LEFT].push(入力);

ここで確認できます：

http://jsbin.com/avAmEpAZ/3/e ​​dit http://jsbin.com/avAmEpAZ/3

Answer 2

純粋な CSS を使用する最も簡単な方法。z-index が Google マップの z-index よりも大きいことを確認してください。

#sizer {
    position: absolute;
    z-index: 999;
    width: 340px;
    top: 180px;
    margin-left:-170px;
    left:50%;
}