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

How to add custom controller without adding additional layer in google map?

本文关键字：添加 谷歌地图 控制器 何添加 自定义      更新时间：2023-09-26

我在我的网页上使用谷歌地图API。我在地图的底部添加了自定义文本框。然后是margin-left: 40px;现在我不能手动改变40px的地图图标;区域。我该如何解决这个问题?谢谢你。

我做了一个例子，一切都很完美(如果我理解你正确，当你应用margin-left:40px;你无法显示"hand"光标)

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>

，这里是小提琴，URL: http://jsfiddle.net/cFpkt/505/

相关文章：