Добавление кликабельных результатов в Google Maps Autocomplete

Question

Я пытаюсь добавить пользовательские результаты в автозаполнение и мне повезло, но я не могу сделать результаты доступными. Левый или правый щелчок абсолютно ничего не делает. Рассмотрим следующий код:

<input type="text" name="query" id="query"> 
 
<script> 
 
    var input = (document.getElementById('query')); 
 
    var options = []; 
 

 
    city = new google.maps.places.Autocomplete(input, options); 
 

 
    google.maps.event.addListener(city, 'place_changed', function() { 
 

 
     place = city.getPlace(); 
 

 

 
    }); 
 

 
    $("#query").on('input', function() 
 
    { 
 
     append_places($("#query").val()); 
 
    }); 
 

 
    var new_pac = false; 
 
    function append_places(input) 
 
    { 
 
     if (!new_pac) 
 
     { 
 
      setTimeout(function() 
 
      { 
 
       $(".pac-container").append('<div id="new-pac""></div>'); 
 
      }, 1); 
 

 
      new_pac = true; 
 
     } 
 
     else 
 
     { 
 
      $('#new-pac').empty(); 
 
     } 
 

 
     $("#new-pac").append('<div class="pac-item areasearch"><a href="http://www.wherever.com">Foo</a><span class="pac-icon pac-icon-areas"></span><a class="pac-item-query" href="http://www.wherever.com">test</a></div>'); 
 

 
    } 
 

 
</script>

Новая запись появляется, выглядит как ссылка, но не реагирует на нажатие кнопки. Любые идеи о том, как это сделать?

Answer 1

Если посмотреть на Google Maps JS Demo, кажется, что вам не нужен метод определения предпочтительного видового экрана на карте для просмотра места. Вам нужно добавить код, где он будет делать что-то, или не сможет найти место.

// If the place has a geometry, then present it on a map. 
if (place.geometry.viewport) { 
map.fitBounds(place.geometry.viewport); 
} 

Это another example для справки.