2017-01-17 2 views
0

ng-mapに検索ボックスを配置する必要があります。私はここで既存の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 

答えて

3

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