Question

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

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>

这里是小提琴，网址：http://jsfiddle.net/cFpkt/505/

如何添加自定义控制器而不在谷歌地图中添加额外的图层？

1 个答案: