2016-12-02 8 views
0

私はユーザーの現在の経度と緯度をiframe URLに組み込みたいと考えています。私のコードは以下の通りです。緯度と経度を取得するJavaScript

<script> 

var lat = position.coords.latitude; 
var lon = position.coords.longitude; 

document.write('<iframe src=http://weather.wdtinc.com/imap/imap5/?&INIT_LAT='+lat+'&INIT_LON='+lon+'> </iframe>'); 
</script> 

これは空白のページを表示します。誰かが私が間違っていることを知っていますか?

+1

を引用符を逃した私はドン;人々は、むしろここに尋ねると、神がどのくらいの答えのためにそれをグーグルよりも.. httpsを知っている待って、なぜtは理解://developer.mozilla。 org/en-US/docs/Web/API/Geolocation/Using_geolocation –

+1

'document.write()' ...を使用しないでください。代わりに、iFrameをページの 'body'にハードコードし、' id'を与えます。その後、DOMを介してiFrameにアクセスし、必要なものを注入します。もっと重要なのは、あなたのページがそのiFrameを介して別のドメインのコンテンツにアクセスしようとしていることです。これは、おそらく、「同じ原点ポリシー」(https://developer.mozilla.org/en-US/docs/Web/Security/)に違反しています。 Same-origin_policy)は、すべての最新のブラウザに焼き付けられています。 –

+0

あなたはどのブラウザを使用していますか?ジオロケーションは、Chromeによって保護されたサイト( 'https://')にのみ許可されています。 – geocodezip

答えて

2

あなたはSRCに

navigator.geolocation.getCurrentPosition(function(position) { 
     document.write('<iframe src="http://weather.wdtinc.com/imap/imap5/?&INIT_LAT=' + 
     position.coords.latitude+ 
     '&INIT_LON='+ 
     position.coords.longitude+'" > </iframe>'); 
    }); 
関連する問題