HTML5勉強会#23_GeoHex
This document discusses HTML5 geolocation APIs. It provides code examples for using the geolocation API to get a user's current position and display it on a map. It explains how geolocation works using GPS, IP address, and WiFi networks. It also demonstrates drawing the user's location on a map and watching for position changes.
MapKit×JavaScriptでiPhone用GPSアプリ (1/4)
HTML/CSS+JavaScriptでiPhone/iPadアプリを開発できるNimbleKit。前回に続き、NimbleKitを使った簡単な地図アプリの作り方を解説します。 最近のWebブラウザーではHTML5の実装が進み、多くのブラウザーではGPSなどから位置情報を取得する「Geolocation API」を利用できます。Geolocation APIはNimbleKitでも利用できますが、実際にアプリケーション化して実行してみるとうまく動かない場合があります。 そこで、今回はNimbleKitに用意されている機能を使って、地図上に現在地を表示する方法を紹介します。iPhone標準の地図アプリのようなピン（マーカー／アノテーション）も表示してみましょう。 現在地を取得し地図上に表示 NimbleKitでは、現在地を求めるgetUserLocation()メソッドを定期的に呼び出すこと
緯度・経度から二点間の距離と方向を計算する - それはBooks
ジオ系を触っていて、緯度、経度から二点間の距離とその方向を計算するロジックは色々なところで必要になるので、メモ。 元記事は下で、JavaScript に書き直しただけです。 緯度、経度から距離と向きを算出 緯度、経度から距離と向きを算出 - 中年プログラマblog ※現在リンク切れのため、ページのタイトルのみ記載させていただきます。 緯度・経度から二点間の距離を計算する // // 測地線航海算法の公式 // function geoDistance(lat1, lng1, lat2, lng2, precision) { // 引数 precision は小数点以下の桁数（距離の精度） var distance = 0; if ((Math.abs(lat1 - lat2) < 0.00001) && (Math.abs(lng1 - lng2) < 0.00001)) { distan
[JS]スマホ・デスクトップに対応したインタラクティブなマップが作成できるスクリプト -Leaflet
jQueryなど他のスクリプトに依存せずに、インタラクティブなマップを作成できる軽量のスクリプトを紹介します。 Leaflet - a modern, lightweight JavaScript library for interactive maps デモページ [ad#ad-2] Leafletは、ユーザビリティ、パフォーマンス、サイズ、フレキシビリティを重視して開発されており、デスクトップとモバイルの主要なブラウザでインタラクティブなマップを作成できるBSDライセンスのスクリプトです。 Leafletの主な特徴 タイルレイヤー マーカー、ポリゴン、ポリライン、サークルの設置 ポップアップ イメージのオーバーレイ ドラッグ操作でパン ホイール・ダブルクリックでズーム Shift+ドラッグでバウンディングボックス タッチドラッグでパン（スマホ） マルチタッチでズーム（iOS） ダブルタ
これは楽しい！WebベースのGPSエディタ/ビューワー·GMapWidget MOONGIFT
GMapWidgetはGPSのログファイルや位置情報付きの写真を読み込んで地図上に表示するソフトウェア。 GMapWidgetはHTML/JavaScript製のオープンソース・ソフトウェア。コンピュータと位置情報は相性がいい。スマートフォンやガラケーにはGPSが備え付けられているのが当たり前になっている。特にスマートフォンでは位置情報を扱うアプリの人気が高い。 マーカー 記録したデータは内部に蓄積されるが、それだけでは勿体ない。やはり外部や他のデータと組み合わせてはじめて意味をもってくる。GPSのログデータ、GPXファイルを使って地図上にマッピングしてみたいと思ったらGMapWidgetを使ってみよう。 GMapWidgetはWebベースのGPSエディタ/ビューワーで、GPXファイルを読み込んでGoogleマップ上にマッピングする。さらに写真のEXIF情報から位置情報を読み込んで地図上に
iOS 4.2×localStorageで作るGPSレコーダー (1/5)
iOS 4.2が出て3か月ほど経過しました。iOS 4.2ではJavaScriptで加速度センサーを扱えるなど便利になった反面、以前に比べて不便になった面もあります。1つが、内蔵データベースであるSQLiteです。HTML5の仕様からWeb SQL Databaseが廃止されたためでしょうか、iOS 4.2ではJavaScriptからSQLiteへのアクセスができなくなりました。そのため、本連載の第2回で作成した、SQLiteを使ったGPSレコーダーは動作しなくなっています。
第7回 Google App Engineで位置情報サービスを作ってみよう | gihyo.jp
連載の最終回となる今回は、これまでの内容のおさらいとして、Google App Engineで自分の位置情報を記録するサイトを作ってみます。 アプリケーションの内容 今回作成するアプリケーションは、簡単な位置情報サービスということで、以下のようなサイトにしたいと思います。 Goelocation APIに対応したブラウザでトップページを開いていると、測位された位置が変わるごとにサーバへ緯度経度をPOSTし、Geohashに変換してGoogle App Engineのデータストアに保存する。 履歴ページ（/history）へアクセスすると、地図を表示し、それまでに記録されている位置を線でつないで地図上に表示する。 今回必要となる技術要素は以下のようになります。 トップページ： Google Maps JavaScript APIを利用した地図の表示 JavaScriptによる位置情報の取得
Javascriptで（GPS,Wifi）位置情報を検出する｜JavaScriptプログラムメモ｜プログラムメモ
Javascriptで（GPS,Wifi）位置情報を検出するには下記のようにします。 ただし、Firefox3、iPhone,iPadのSafariでないと動作しません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>HTML 5 GeoLocation Demo</title> <script type="text/javascript"> if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { s = position.coords.latitude+","+position.coords.longitude; alert(s); }); } else { aler
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tokyoace4.com