既存のng-mapの検索ボックスを取得

Question

ng-mapに検索ボックスを配置する必要があります。私はここで

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

から解決策を試してみてくださいしかし、私はそれが私のNGマップで動作させることはできません。ここに私のplunkerがあります。私は2つのソリューションを持っている必要があり、1つは、マーカーを配置し、座標（このソリューションの作業）を取得する、2番目の検索ボックスです、私はこれに問題があります。そして、このweb siteの地図のように、地図上の選択のためにエリアを制限する方法はありますか？私の悪い英語を叫ぶ。ありがとう

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

Answer 1

ng-map library詳細は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ハンドラを実装例えば、

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

ここにあります検索ボックスを有効にしたforked plunker