首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >获取现有ng-map上的搜索框

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

Stack Overflow用户
提问于 2017-01-17 12:49:06
回答 1查看 1.7K关注 0票数 0

我要把搜索框放到ng地图上。我从这里开始尝试解决方案

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

但我不能让它和我的地图一起工作。这是我的柱塞,如果有人能帮我的话。我需要有两个解决方案,一个是放置标记并获得坐标(这个解决方案有效),第二个是搜索框,我对此有问题。是否有任何方法来限制在地图上选择的区域,比如在这个网站上的地图上。因为我英语不好。谢谢

代码语言:javascript
复制
  [1]: https://plnkr.co/edit/sKOaZOX6FbJwDdf3Po5Z?p=preview
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-18 16:07:07

吴-地图库支持地方自动完成,详见places-auto-complete.js

以下是启用Place Autocomplete的更改列表:

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处理程序,例如:

代码语言:javascript
复制
$scope.placeMarker = function(){
    var place = this.getPlace();  //get selected place 
    //...
};

下面是启用搜索框的叉形柱塞

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41697667

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档