HTML5 ナビゲーション オブジェクトを使用して、現在位置を簡単に取得できます。都市/国の詳細を取得するには、以下の手順に従ってください。 最初に jQuery ライブラリをインクルード JavaScript コードコンテンツをクリップボードにコピーします <span class="string">"text/javascript"</span><span> src=</span><span class="string">"jquery.js"</span><span> ></スクリプト></span></span></li> <li><span> </span></li> <li class="alt"> <span>jQuery(</span><span class="keyword">関数</span><span>() { </span> </li> <li><span> </span></li> <li class="alt"> <span> </span><span class="comment">//ナビゲーター オブジェクトを呼び出して緯度と対数を取得します </span><span> </span> </li> <li><span> </span></li> <li class="alt"> <span> </span><span class="keyword">if</span><span>(navigator.geolocation) { </span> </li> <li><span> </span></li> <li class="alt"> <span></span><span class="comment">// 現在の緯度と経度を取得します </span><span> </span> </li> <li><span> </span></li> <li class="alt"> <span>navigator.geolocation.getCurrentPosition(</span><span class="keyword">function</span><span>(位置) { </span> </li> <li><span> </span></li> <li class="alt"> <span> </span><span class="comment">//Google から緯度と経度に基づいて位置の詳細を取得します </span><span> </span> </li> <li><span> </span></li> <li class="alt"> <span> </span><span class="keyword">var</span><span> jsonUrl = </span><span class="string">"https://maps.googleapis.com/maps/api/geocode/json?latlng="</span><span> 位置.座標.緯度 </span><span class="string">","</span><span> 位置.座標.経度 </span> </li> <li><span> </span></li> <li class="alt"> <span> jQuery.getJSON(jsonUrl , </span><span class="keyword">function</span><span>( data ) { </span> </li> <li><span> </span></li> <li class="alt"> <span> </span><span class="keyword">var</span><span> 結果 = data.results[0]; </span> </li> <li><span> </span></li> console.info(results); <li class="alt"> <span>//firebug をチェック </span><span class="comment"> </span><span> </span> </li> <li><span> </span></li>alert(results.address_components[5].long_name); <li class="alt"> <span>//都市 </span><span class="comment"> </span><span> </span> </li> <li><span> </span></li>alert(results.address_components[6].long_name); <li class="alt"> <span>//状態 </span><span class="comment"> </span><span> </span> </li> <li><span> </span></li>alert(results.address_components[7].long_name); <li class="alt"> <span>//国 </span><span class="comment"> </span><span> </span> </li> <li><span> </span></li> }、<li class="alt"><span> </span></li> <li><span> </span></li> <li class="alt"> <span>関数</span><span class="keyword">(){ </span><span> </span> </li> <li><span> </span></li>alert(<li class="alt"> <span>'位置情報の詳細を取得できませんでした...'</span><span class="string">); </span><span> </span> </li> <li><span> }); </span></li> <li class="alt"><span> </span></li> <li><span></span></li>return<li class="alt"> <span> </span><span class="keyword">false</span><span>; </span><span class="keyword"> </span><span> </span> </li> <li><span> </span></li> <li class="alt"><span> </span></li> }); <li><span> </span></li> <li class="alt"><span> </span></li> }}); <li> <span> </span> </li> <li class="alt"> <p>Google の位置情報を Web サイトに追加する方法に関する上記の記事は、編集者が共有したすべての内容です。参考にしていただければ幸いです。Script Home をサポートしていただければ幸いです。 </p> <p>元のアドレス: <a rel="nofollow" target="_blank" href="http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html">http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html</a></p> </li> </ol> </div> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
