Google Maps AutoComplete Результат в модальном диалоговом окне Bootstrap ⇐ CSS

[Anonymous]

У меня есть поле ввода ввода Google Maps внутри модального диалога Bootstrap Twitter, и результат автозаполнения не отображается. Однако, если я нажимаю клавишу со стрелками вниз, он выбирает следующий результат автозаполнения, поэтому кажется, что код автозаполнения работает правильно, только то, что результат отображается неправильно. Может быть, он скрыт за модальным диалогом? Поле автозаполнения не дает ничего "src =" https://i.sstatic.net/cdynj.png " />
, набирая что -то в поле Autocomplete, ничего не дает < /p>


Нажатие стрелки вниз дает первый результат < /p>

и код: < /p>



×

Cari alamat :







Close
Save changes

< /code>

< /p>


$("#map_modal").modal({
show: false
}).on("shown", function()
{
var map_options = {
center: new google.maps.LatLng(-6.21, 106.84),
zoom: 11,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"), map_options);

var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-6, 106.6),
new google.maps.LatLng(-6.3, 107)
);

var input = document.getElementById("keyword");
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo("bounds", map);

var marker = new google.maps.Marker({map: map});

google.maps.event.addListener(autocomplete, "place_changed", function()
{
var place = autocomplete.getPlace();

if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(15);
}

marker.setPosition(place.geometry.location);
});

google.maps.event.addListener(map, "click", function(event)
{
marker.setPosition(event.latLng);
});
});

< /code>

Я изо всех сил старался решить это самостоятельно, но, поскольку я не знаю HTML & CSS для результата автозаполнения (Expect Element ничего не дает), я ' М сейчас потерян. Есть помогает? < /P>

Спасибо раньше! < /P>

Подробнее здесь: https://stackoverflow.com/questions/109 ... dal-dialog