2009-06-29 15 views
17

iphoneユーザーがgpsのコーナーを利用するためのウェブサイトを設計する簡単な方法はありますか?iPhoneのWebアプリケーションはGPSの位置を取得できますか?

たとえば、フォームフィールドの命名規則があり、ユーザーが自動入力できるようにしたいのではないかと思います。

私はロケーションベースのウェブサイトを構築することを検討しており、iphone(および他のモバイルユーザー)のために調整したいと考えています。私はiPhoneのアプリがこれを行うことができることを実現するが、私はそれを作成するための装備ではない。

+0

あなたは、私がこのタグを付加されたタグ – Maciek

+0

としてモバイルサファリを追加する必要があります。 –

+0

タグmobile-safariの仕事を追加しましたか?タグの正確な構文は何ですか? – Zubair

答えて

16

iPhoneから位置を読み取る方法のスニペットです。それが3.0を必要と以下のようになります。

navigator.geolocation.getCurrentPosition(foundLocation, noLocation); 

function foundLocation(position) 
{ 
    var lat = position.coords.latitude; 
    var long = position.coords.longitude; 
    alert('Found location: ' + lat + ', ' + long); 
} 
function noLocation() 
{ 
    alert('Could not find location'); 
} 

を参照してください:あなたはiPhone上のWebコードを使用したい場合はところでhttp://mapscripting.com/how-to-use-geolocation-in-mobile-safari

、夫婦ミドルアースソリューションがありますが、そうでない試みることができますネイティブアプリを作成するように強制しますが、アプリでサイトをラップしてGPSやその他のネイティブ機能にアクセスできるようにします。

+1

ちょうどヒントとして:flickr.comはすでにモバイル版でこれをやっています。現在地周辺の写真を見ることができます。 – housemaister

+1

非常にクール、その参照のおかげで。 – Maciek

+0

また、Firefoxはバージョン3.5でも同じインターフェースを実装しています。だから、基本的にはFirefoxで同じコードを使うことができます(それが重要な場合)。 –

1

私はプログラミングなしにこれをドンました。あなたはできます:

  1. iPhoneアプリ「Basic GPS」をiPhone Storeからダウンロードします。
  2. Twitter.comでアカウントを開始します(お持ちでない場合)。
  3. Twittermail.comで電子メールツイッターアカウントを開始してください。
  4. 基本的なGPS設定では、Twittermailの秘密のEメールアドレスを使用します。
  5. Twitter /ウィジェットで「その他」をクリックすると、他の場所であなたのツイートを公開するためのHTMLコードが入手できます。
  6. このHTMLコードをホームページに貼り付けてください。
  7. 基本的なGPSでは、青色の「I」(オン)ボタン「電子メール」と「送信」をクリックするだけで、あなたの地位をTwittermailに送信し、Twitterに公開します。 Twitterは自動的にあなたのホームページに公開します。

http://CharlieBloom.comの作業用の軸を参照してください。最新の(カスタマイズ可能な)3つのツイートだけが表示されますので、「Follow me on Twitter」をクリックして「My position .....」とGoogleマップのリンクを確認してください。私が送った2〜3分後に私のウェブサイト上でポジションが更新されます。

敬具、 チャーリー・ブルーム

+0

私はリンクを試みたが、それは仕事をdoesntします – Zubair

4

はJouni Erolaによってナビゲーションの下にアプリのSendLocationをチェックしてください。

あなたのサーバーにiPhoneの緯度&を送信する単純なアプリです。 HTTP-GET methidとしての位置を受け取るサーバーのURLを入力してください

1

はい、精度はかなり悪いです。私はちょうど私のデータベースにwatchPosition()関数からGPS設定を投稿し、結果をマップしたWebフォームを作成しました。地元の川を下っている間、それは正しい7つの投稿のうち2つだけを得ました。残りは川の外にあり、そのうちの2つは約1マイル離れていた!私は今、より良い解決策を探しています。

は、ここで私は、フォームフィールドを更新するために使用するコードです:

<script type="text/javascript"> 
function getGPSLocation() 
{ 
    if(navigator.geolocation) 
    { 
    navigator.geolocation.watchPosition(onGeoSuccess); 
    } else { 
    alert("Your browser or device doesn't support Geolocation"); 
    } 
} 

function onGeoSuccess(position) { 
    document.getElementById("Latitude").value = position.coords.latitude; 
    document.getElementById("Longitude").value = position.coords.longitude; 
} 
</script> 

そして、これはフォームです。あなたのニーズに合わせてアップデートしてください。

<form> 
<img src="spacer.gif" OnLoad="getGPSLocation();"> 
<input type="Text" name="Latitude" id="Latitude" value=""> 
<input type="Text" name="Longitude" id="Longitude" value=""> 
</form> 
+0

それはおそらく悪い受信だったと思いますか? – Alex

関連する問題