Javascript 如何让搜索栏显示在Geocoder Google maps api示例中？

我指的是这个例子：

由于某些原因，我的输入框在框的左上角显示为一个白色的小正方形，我无法在其中键入任何内容…我几乎完全按照示例进行了操作，但由于某些原因，我没有得到相同的结果

我版本中的HTML是

<div class="map myboardmap">
  <div id="panel">
     <input id="address" type="textbox" value="Sydney, NSW"></input>
     <input type="button" value="Geocode" onclick="codeAddress()"></input>
  </div>
<div id="myboardmap_canvas"></div>

JS是：

var geocoder;
var myboardmap;

function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(51.5072, -0.1275);
    var mapOptions = {
        zoom: 8,
        center: latlng
    }
    myboardmap = new google.maps.Map(document.getElementById('myboardmap_canvas'), mapOptions);

    ...
}

function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode({
        'address': address
    }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: myboardmap,
                position: results[0].geometry.location
            });
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    });
}

...

google.maps.event.addDomListener(window, 'load', initialize);

---

我查看了“inspect元素”，发现一个错误：无法调用未定义匿名函数的方法“addDomListener”

找到了它！问题在于这一点点css：

input {display:none}

---

请显示您使用的确切代码。你可以把你的问题放进去。最好显示完整的文件JavaScript和HTML，因为问题可能是HTML的一部分。发布的代码没有显示问题：谢谢你指出。它在我的完整代码中不起作用，所以可能我在css或JS的其他部分中遗漏了一些东西，这会产生奇怪的效果。我再看看我的代码。。

input {display:none}