javascript - 获取现有 ng-map 上的搜索框

标签 javascript angularjs google-maps

我需要将搜索框放置到 ng-map 中。我尝试从这里解决方案

https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple

但我无法让它与我的 ng-map 一起使用。这是我的plunker ,如果有人可以帮我解决这个问题。我需要有两个解决方案,一个是放置标记并获取坐标(此解决方案有效),第二个是搜索框,我对此有问题。有没有什么方法可以限制 map 上选择的区域,就像在这个web site上的 map 上一样。为我糟糕的英语感到抱歉。谢谢

  [1]: https://plnkr.co/edit/sKOaZOX6FbJwDdf3Po5Z?p=preview

最佳答案

ng-map library支持Place Autocomplete ,参见places-auto-complete.js了解详情。

以下是启用地点自动完成功能的更改列表:

1) 加载places像这样的库:<script src="//maps.google.com/maps/api/js?key=--KEY--&libraries=places"></script>

2) 地点 input页面上的元素:<input places-auto-complete types="['geocode']" on-place-changed="placeMarker()" />

3)实现on-place-changed处理程序,例如:

$scope.placeMarker = function(){
    var place = this.getPlace();  //get selected place 
    //...
};

这是一个forked plunker启用搜索框

关于javascript - 获取现有 ng-map 上的搜索框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41697667/

相关文章:

javascript - node.js 中的回调是始终异步还是始终同步?或者它们可以是 "sometimes one, sometimes the other"吗?

javascript - 我想做一个侧边菜单,点击的时候改变类

angularjs - Jasmine 单元测试 $timeout (expect($timeout).toHaveBeenCalledWith(n);)

javascript - 使用 UI Router 进行分页时如何更改 URL?

javascript - jQuery 数据表标题未占用全宽

javascript - 在网页中嵌入自定义谷歌地图

mysql - 从多个 mysql 点创建 google maps 折线

javascript - 如何在 ASP.NET MVC 4 中为 CSP 使用动态随机数

javascript - 在新窗口中打开新页面,打印并关闭

c# - 部分回发后谷歌地图不显示