如何在ng2-map中实现搜索框?

时间:2018-06-11 05:07:25

标签: javascript angular google-maps angular5

我正在尝试在ng2-map中实现具有自动完成功能的搜索框。我找不到同样的文章等。我不确定,但我在想如果我可以使用一些谷歌位置API填充文本框中的匹配位置列表并将"Brampton, Canada"替换为选定值,它应该可以解决问题。
在ng2-map中实现搜索框的正确方法是什么?

Component.ts

   <ngui-map  center="Brampton, Canada" (mapClick)="onClick($event)" [fullscreenControl]="true"
      [fullscreenControlOptions]="{position: 'TOP_RIGHT'}">
      <marker    (dragstart)="log($event, 'dragstart')" (dragend)="log($event, 'dragend')"
        draggable="true"></marker>   
      <drawing-manager [drawingControl]="true" [drawingControlOptions]="{position: 2, drawingModes: ['marker', 'polygon']}"></drawing-manager> 
    </ngui-map>
    <br/>
    <button (click)="deleteSelectedOverlay()">Delete Selected Overlay</button>
    <button (click)="saveRoute()">Save</button>
    <div id="my-panel"></div>

0 个答案:

没有答案