Javascript 强制用户仅使用放置自动完成结果

Javascript 强制用户仅使用放置自动完成结果,javascript,html,google-maps,google-maps-api-3,google-places-api,Javascript,Html,Google Maps,Google Maps Api 3,Google Places Api,我正在使用“地点”谷歌API使地址输入字段自动完成 该网站提供的服务仅限于特定区域,因此我限制了自动完成过滤器。唯一的问题是,用户没有被迫使用谷歌过滤器,但可以输入任何内容。 如何强制用户从自动完成过滤器中选择内容 这是我的code如果用户没有从位置自动完成列表中选择位置时,您只需什么都不做,那么您只需执行以下操作: autocomplete.addListener('place_changed', function() { var place = autocomplete.getP

我正在使用“地点”谷歌API使地址输入字段自动完成

该网站提供的服务仅限于特定区域,因此我限制了自动完成过滤器。唯一的问题是,用户没有被迫使用谷歌过滤器,但可以输入任何内容。

如何强制用户从自动完成过滤器中选择内容

这是我的
code

如果用户没有从位置自动完成列表中选择位置时,您只需什么都不做,那么您只需执行以下操作:

  autocomplete.addListener('place_changed', function() {
    var place = autocomplete.getPlace();
    if (!place.geometry) {
      // User entered the name of a Place that was not suggested and
      // pressed the Enter key, or the Place Details request failed.
      return;
    }

    // If the place has a geometry, then present it on a map.
    if (place.geometry.viewport) {
      map.fitBounds(place.geometry.viewport);
    } else {
      map.setCenter(place.geometry.location);
      map.setZoom(17);
    }
  });
这是基于谷歌的


希望这有帮助

谢谢埃文,但遗憾的是它不起作用。。。不会调用事件侦听器。而且条件是不可检查的,没关系,我也有自己的API密钥,所以我应该可以测试你的应用程序我在问题中添加了JsFiddle。谢谢你的帮助:)太好了,我根据我的代码修改了你的解决方案,效果很好!非常感谢你的帮助和耐心:)太棒了!很高兴能帮上忙:)