*

Geolocation API でスタッフの現在地を把握

公開日: : 最終更新日:2014/05/02 MySQL, PC, PHP ,

業務用サイトにログインした際、携帯の位置情報サービスをDBに保存し、軌跡を辿ったり、最終更新場所での一覧をマッピングすることで、現場に近い人間を視覚的に探せるようにしました。

maps

javascriptでgeolocationを動かし現在地を取得、それをajaxでDBに格納するスクリプトにPOSTしてやることにしました。

まずは<HEAD>と</HEAD>間に<script src="http://code.jquery.com/jquery-latest.min.js"></script>を追加します。

続いて<BODY>と</BODY>間に以下の内容を追加

<script type="text/javascript">
<?PHP
$staffId=8;//外部言語で使っているID等
?>
function getStaffPosition(){

  navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
  
  /***** スタッフの現在の位置情報を取得 *****/
  function successCallback(position) {
  
    var sid = <?php echo $staffId;?>;
    var lat = position.coords.latitude;
    var long = position.coords.longitude;
    var alt = position.coords.altitude;
    var timestamp = <?PHP echo date(‘YmdHis’); ?>;/*****iOSにキャッシュさせない対策*****/

  
    $.ajax({
      type: "POST",
      url: "mail.php",
      dataType: 'text',
      data: {
        sid: sid,
        lat: lat,
        long: long,
        alt: alt,
        timestamp: timestamp
      },
    }).done(function( msg ) {
      alert( "Data Saved: " + msg );
    });
  }
  
  /***** 位置情報が取得できない場合 *****/
  function errorCallback(error) {
   var err_msg = "";
   switch(error.code)
   {
   case 1:
   err_msg = "位置情報の利用が許可されていません";
   break;
   case 2:
   err_msg = "デバイスの位置が判定できません";
   break;
   case 3:
   err_msg = "タイムアウトしました";
   break;
   }
   document.getElementById("show_result").innerHTML = err_msg;
   //document.getElementById("show_result").innerHTML = error.message;//デバッグ用
  }

}

getStaffPosition();

これだけです。
$.ajaxの部分が送信しているデータです。

    $.ajax({
      type: "POST",//METHOD
      url: "mail.php",//送信先(同一サーバーに限る)
      dataType: 'text',
      data: {
        sid: sid,
        lat: lat,
        long: long,
        alt: alt,
        timestamp: timestamp
      },
    }

またajaxで送受信できればポップアップ表示しますが、以下の部分を削除すればそれを消すことができます。
.done(function( msg ) {
      alert( "Data Saved: " + msg );
    })

またajaxでPOSTされたデータを受けて処理するファイルmail.phpはこんな感じです。
実際にはDBにINSERTする処理を入れています。
<?php
mb_language('uni');
mb_internal_encoding('UTF-8');

echo 'post data is '.$_POST["lat"]."&".$_POST["lng"]."&".$_POST["sid"]."&".$_POST["timestamp"];

$to = 'to@foo.com'; //送信先メールアドレス
$subj = 'TEST'; //件名
$from = 'From: from@hoge.com'; //送信元メールアドレス

mb_send_mail($to, $subj, $_POST["lat"].":".$_POST["long"].":".$_POST["sid"], $from); //メール送信

?>

forPC

関連記事

CentOS6.5 NTFSマウント

windowsマシンで使っているNTFSフォーマットのHDDなどを繋いだ際、マウントできないのでカー

記事を読む

レンタルサーバーか自前サーバーか

ホームページを開設しよう! と、はじめて思った人が自分でサーバー設置して、保守管理までやることはな

記事を読む

RT-500KIとiPhone11、MacでVPN(L2PT)

iPhoneやMacで外出先からFAXの送受信をしたくなったので、NTT RT-500KIを使って

記事を読む

VALUE-DOMAINでドメイン取得

当サイトはVALUE-DOMAINとCORESERVERで安価に独自ドメインを運用しております。

記事を読む

CentOS6.5にFlash Player

Flashを使っているページに行くと残念な感じになるので、インストールしました。 rpm

記事を読む

vostro1000にCentOS6.5インストール

MySQLを直接操作するのではなくGUI上で見たいデータがあることや、PCを電話として使用する頻度が

記事を読む

CentOS6.5にUSBヘッドセット

CentOS6.5でUSBヘッドセット ELECOM HS-NB01UBK を使える様にしました。

記事を読む

WordPress 3.8.34 から5.5.1へアップデート

まずSSL化してからWordPress 3.8.34 から5.5.1へアップデートしました。特に難

記事を読む

PHP 誕生日から年齢計算と日本国法

何も考えずに誕生日から年齢計算をするのは簡単です。 しかし何も考えないと訴訟問題に発展するのが年齢

記事を読む

no image

WordPress のログイン画面が表示されない問題

久しぶりにアクセスすると閲覧画面はちゃんと動作しているが、 /wp-admin/ へアクセスすると

記事を読む

forPC

forPC

RT-500KIとiPhone11、MacでVPN(L2PT)

iPhoneやMacで外出先からFAXの送受信をしたくなったので、N

スキー場でTHERMOS / サーモス

THERMOS / サーモス真空断熱スープジャー 400ml レッド

YKKap 内窓 プラマードU DIY 施工 掃き出し窓編

YKKap 内窓 プラマードU を追加しました。今回は掃き出し窓です

YKKap 内窓 プラマードU DIY 施工 引き違い窓編

YKKap 内窓 プラマードU を追加しました。窓枠のサイズは幅 1

モデルナ COVID-19 ワクチン 2回目

2021年9月9日 17時頃、Moderna COVID-19 va

→もっと見る

  • Oisix(おいしっくす)
PAGE TOP ↑