コメント：今日、HTML5ジオロケーションを組み合わせて小さなアプリケーションを開発します。興味のある友達はそれについて学ぶことができます。欠点があれば、ヒーローがあなたにアドバイスを与えることを願っています。
今日は、HTML5のGeolocationとGoogleマップを組み合わせて、小さなアプリケーションを開発します。 Google MapsのAPIアドレス：https：//developers.google.com/maps/documentation/javascript/?hl=zh-cn。Googleマップを呼び出すには、実装ではjsリファレンスを追加する必要があります<スクリプトタイプ=テキスト/javascript src =？sensor = false> </scrip>、センサーパラメーターの特定の意味は次のとおりです。
Google Maps APIを使用するには、アプリケーションがマップAPIライブラリまたはサービスリクエストでセンサー（GPSロケーターなど）を使用してユーザーがどこにあるかを判断するかどうかを示す必要があります。これは、モバイルデバイスにとって特に重要です。 Google Maps APIアプリケーションがあらゆる形式のセンサーを使用してアプリケーションにアクセスするデバイスの位置を決定する場合、センサーパラメーター値をtrueに設定してこれを宣言する必要があります。
HTMLパーツは比較的単純です。Divを準備するだけです。
<body>
<div>
</div>
</body>
JSコードのフレームワークは次のとおりです。
<script type = "text/javascript">
var Map;
var browsersupport = false;
var Tirams = 0;
$（document）.ready（function（）{
//マップを初期化します
initmap（）;
//位置
getLocation（）;
//ロケーショントラッキング
watchlocation（）;
}）;
function initmap（）{
/ *マップのすべてのオプションを設定します */
var options = {
};
/ *アプリケーションの新しいマップを作成 */
map = new Google.maps.map（$（ '＃map'）[0]、options）;
}
/*
* W3C Geolocationオブジェクトが利用可能である場合、電流を取得します
*場所、それ以外の場合は問題を報告します
*/
関数getLocation（）{
}
function watchlocation（）{
}
/ *マップ上の場所をプロットし、ズームにズーム */
関数プロットロケーション（位置）{
}
/ *この関数を使用してエラーを報告 */
関数ReportProblem（e）{
}
</script>
initMapメソッドは、Google Maps APIを呼び出してマップを初期化することです。オプションオブジェクトを設定し、マップの初期化を呼び出すときに使用する必要があります。
function initmap（）{
/ *マップのすべてのオプションを設定します */
var options = {
ズーム：4、
センター：新しいGoogle.maps.latlng（38.6201、-90.2003）、
maptypeid：google.maps.maptypeid.roadmap、
maptypecontrol：true、
maptypecontroptions：{
スタイル：google.maps.maptypecontrolstyle.horizontal_bar、
位置：Google.maps.Controlposition.bottom_center
}、
Pancontrol：本当、
Pancontroptions：{
位置：google.maps.controlposition.top_right
}、
ZoomControl：本当、
ZoomControptions：{
スタイル：google.maps.zoomcontrolstyle.large、
位置：google.maps.controlposition.left_center
}、
Scalecontrol：本当、
scalecontroptions：{
位置：google.maps.controlposition.bottom_left
}、
StreetViewControl：本当、
StreetViewControptions：{
位置：google.maps.controlposition.left_top
}
};
/ *アプリケーションの新しいマップを作成 */
map = new Google.maps.map（$（ '＃map'）[0]、options）;
}
ポジショニング情報を取得するための取得およびウォッチロケーション方法。
関数getLocation（）{
/ *ブラウザがW3C Geolocation APIをサポートしているかどうかを確認します */
if（navigator.geolocation）{
browsersupport = true;
navigator.geolocation.getCurrentPosition（plotlocation、ReportProblem、{Timeout：45000}）;
} それ以外 {
ReportProblem（）;
}
}
function watchlocation（）{
/ *ブラウザがW3C Geolocation APIをサポートしているかどうかを確認します */
if（navigator.geolocation）{
browsersupport = true;
navigator.geolocation.watchposition（plotlocation、reportproblem、{timeout：45000}）;
} それ以外 {
ReportProblem（）;
}
}
位置情報を正常に取得した後、プロットロケーションメソッドを呼び出して、Googleマップに場所を表示します。
関数プロットロケーション（位置）{
試み= 0;
var point = new google.maps.latlng（position.coords.latitude、position.coords.longitude）;
var marker = new google.maps.marker（{
位置：ポイント
}）;
Marker.setMap（Map）;
map.setcenter（point）;
map.setzoom（15）;
}
デモのダウンロードアドレス：googlemapgeolocation.rar