2016-03-20 11 views
0

私はこれが可能であるかどうかは確信していませんが、ここにあります。ユーザーからのGoogleマップの座標を取得

は、私は、ユーザーがフォームを埋めるためにしたい、と彼は

<label for="pos">My possition</label>   
<input type="email" id="pos" name="clients_position"> 

は、私は彼の位置を要求し、彼から受信したいフィールドに行くいったんGoogleマップは、このような形式で座標「40.417035、-3.685389」、理想的には、それらを自動的に入力フィールドに追加します。

T3HでJSの最初の基本コースをやっただけで、私は完全に失われています。 HTMLとCSSはこれと比較して公園内を歩くので、いくつかの方向が必要です。

+0

推測です:https://stackoverflow.com/questions/35600754/ google-map-api/35601336#35601336 –

答えて

1

ユーザーの座標を取得するための最も簡単な方法は、使用するHTML 5のジオロケーションで、これは彼がこのようなSTHを探しているサンプル

<!DOCTYPE html> 
    <html> 
     <body> 

     <p>Click the button to get the coordinates.</p> 

     <button onclick="getLocation()">Get coordinates </button> 

     <p id="my_sample"></p> 

     <script> 
     var x = document.getElementById("my_sample"); 

     function getLocation() { 
      if (navigator.geolocation) { 
       navigator.geolocation.getCurrentPosition(showPosition); 
      } else { 
       x.innerHTML = "Geolocation is not supported by this browser."; 
      } 
     } 

     function showPosition(position) { 
      x.innerHTML = "Latitude: " + position.coords.latitude + 
      "<br>Longitude: " + position.coords.longitude; 
     } 
     </script> 

     </body> 
    </html> 
+0

ご返信いただきまして申し訳ございませんが、お使いのソリューションは私の望むとおりに動作します。ありがとうございます! – Vlad

+0

私はそれをcodepenに置き、デスクトップでうまく動作しますが、モバイル上ではうまく動作しません。 – Vlad

+0

モバイルでnavigator.geolocationが有効になっていますか? – scaisEdge