无法使 gmaps.js 搜索功能

Question

我已经用 gmaps.js 制作了这个简单的应用程序，但我需要他们在这里展示的搜索功能：

http://hpneo.github.io/gmaps/examples/geocoding.html

我查看了源代码，但它没有工作。搜索按钮重新加载页面...

我的代码如下：

<script>
    $('#geocoding_form').submit(function(e){
        e.preventDefault();
        GMaps.geocode({
          address: $('#address').val().trim(),
          callback: function(results, status){
            if(status=='OK'){
              var latlng = results[0].geometry.location;
              map.setCenter(latlng.lat(), latlng.lng());
            }
          }
        });
      });
</script>


<form method="post" id="geocoding_form">
          <label for="address">Address:</label>
          <div class="input">
            <input type="text" id="address" name="address" />
            <input type="submit" class="btn" value="Search" />
          </div>
        </form>

<div id="map"></div>

其余部分是从 scripts.js 加载的，您可以在源代码中看到它。为什么会发生这种情况，我该如何解决？

网络应用程序位于此处，http://travelers.work/trein/

Answer 1

你需要改变

map.setCenter(latlng.lat(), latlng.lng());

到

map.setCenter(latlng);

因为搜索会返回一个LatLng 对象作为结果，而这正是setCenter 的输入所需要的。

这是一个带有您的代码的 JS 演示：http://jsfiddle.net/DuRhR/3/

在 cmets 之后编辑：

或者，您可以传递给setCenter LatLngLiteral

map.setCenter({lat: latlng.lat(), lng: latlng.lng()});