我需要将搜索框放置到 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/