javascript - 如何添加自定义 Controller 而不在谷歌地图中添加附加图层？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 8 年前。

Improve this question

我在网页中使用谷歌地图 API。我在 map 的 BOTTOM_LEFT 侧添加了自定义文本框。之后我给出了 margin-left: 40px;现在我无法更改 40px 上的手动 map 图标；区域。我怎样才能解决这个问题？谢谢。

Answer 1

我已经做了一个例子，一切都很完美(如果我在应用 margin-left:40px 时理解正确的话；你无法显示“手”光标)。

JS:

var latlng = new google.maps.LatLng(45.397, 25.644);
var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


    function textBox() {
        var searchTextBox = $('<input type="text" id="txtGeoSearch" />');
        var div = $('<div class="searchbox"></div>')
            .append($('<span>Search:</span>'))
            .append(searchTextBox);

        return div.get(0);
    }
    map.controls[google.maps.ControlPosition.BOTTOM_LEFT].push(new textBox());

CSS:

#map_canvas {
    width:500px;
    height:300px
}
.searchbox {
    border:2px solid blue;
    position:absolute;
    margin-left:40px;
}

HTML:

<div id="map_canvas" style="width:500px; height:300px"></div>

这是 fiddle ，URL:http://jsfiddle.net/cFpkt/505/