Googleマップのiframe

は私のコードはGoogleマップのiframe

for eg dynamic coordinates {{artist_latitude}} {{artist_longitude}} 
<iframe src="https://www.google.com/maps/embed/v1/place?q=40.7127837,-74.0059413&amp;key=abcxyz" width="600" height="450"></iframe>

出典

2017-11-24 Ammad Nazir

[Googleマッププラグイン]（http://ionicframework.com/docs/native/googleを使用しないのはなぜ-maps /）代わりに？ –

があなたのTSにURLを追加してみていますファイルを作成し、このようにiframeタグにバインドします。あなた.TSで<iframe height="50%" width="100%" [src]="url" name="iframe_a"></iframe>

ファイル：あなたの.htmlファイルで

import { DomSanitizer } from '@angular/platform-browser'; 
constructor(private sanitize: DomSanitizer){ 
let address = "https://www.google.com/maps/embed/v1/place?q=40.7127837,-74.0059413&amp;key=abcxyz" 
url = this.sanitize.bypassSecurityTrustResourceUrl(address); 
}

出典

2017-11-24 07:04:12 Husain

と、URLにverilablesを渡したい場合に、のデータベースから来る動的な座標を追加します。 http://url.com/?dat1=+var1 –

"https://www.google.com/maps/embed/v1/place？q = "+緯度+"、 "+経度+" &キー= abcxyz "; – Husain

答えて

関連する問題