javascript - 如何隐藏/禁用 google.maps.places.Autocomplete 关闭按钮？

Question

我有 google.maps.places.Autocomplete 对象，我需要隐藏或禁用每次输入文本时出现的“关闭按钮 X”。如果可能的话，更好的是获取并覆盖“关闭按钮”onClickEvent？

Answer 1

要解除事件绑定(bind)，请使用 google.maps.event.clearInstanceListeners 。 。

对于删除自动完成功能，没有实现的方法。您可以在创建自动完成之前创建输入的克隆，并且当您想要删除自动完成功能时，用克隆替换当前输入。

(function(ac) {
google.maps.places.Autocomplete = function(node, opts) {
var clone = node.cloneNode(true),
pac = new ac(node, opts);

google.maps.event
.addListener(pac,
'remove',
function(restore) {
google.maps.event.clearInstanceListeners(pac);
google.maps.event.trigger(node,'blur');
google.maps.event.clearInstanceListeners(node);
if (restore===true) {
node.parentNode.replaceChild(clone, node);
} else {
node.parentNode.removeChild(node)
}
});
return pac;

}
}
(google.maps.places.Autocomplete));
//-------------------------------------------------------------------------- 

function initialize() {

autocomplete = new google.maps.places
.Autocomplete(document.getElementsByTagName('INPUT')[0], {
types: ["geocode"]
});
}

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

<script src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places&.js"></script>
<input/>
<span>
<input type="button" value="remove input" 
onclick="google.maps.event.trigger(window.autocomplete,'remove');
this.parentNode.parentNode.removeChild(this.parentNode);"/>
<input type="button" value="remove autocomplete-functionality" 
onclick="google.maps.event.trigger(window.autocomplete,'remove',true);
this.parentNode.parentNode.removeChild(this.parentNode);"/>
<span>