Question

我想在Angular Google Map上找一个搜索栏。我有下面的代码。（顶部的代码是我的JS，底部是HTML。无法找到如何标记这些。抱歉）

搜索输入字段显示正常，甚至自动完成就好了。但事后并没有真正发生。它没有显示城市或任何东西。所以它真的只是一个无用的文本字段。我从其他来源得到的大部分代码。虽然我做对了一些。开发人员工具说这一切都很好，所以我不确定我哪里出错了。帮助

.config(function(uiGmapGoogleMapApiProvider) {
  uiGmapGoogleMapApiProvider.configure({
  // key: 'your api key',
  v: '3.17',
  libraries: 'places'
  });
})




var events = {
    places_changed: function (searchBox) {
        var place = searchBox.getPlaces();
        if (!place || place == 'undefined' || place.length == 0) {
            console.log('no place data :(');
            return;
            }
        }
    }
    
    $scope.searchbox = {
                    template:'searchbox.tpl.html',
                    position: 'top',
                    events: events
                };

<script type="text/ng-template" id="searchbox.tpl.html">
                    <input type="text" placeholder="Search Box">
                </script>


<ui-gmap-google-map center='map.center' zoom='map.zoom'>
        <ui-gmap-search-box
            template='searchbox.template'
            events='searchbox.events'
            position='searchbox.position'>
        </ui-gmap-search-box>
        </ui-gmap-google-map>

Answer 1

由于是搜索，因此很可能是异步。所以.getPlaces正在回复一个承诺。

Angular Google地图搜索栏无法运作

1 个答案: