Gps/ブラウザで位置情報を取得
の編集
http://456.sub.jp/456/my/wiki/index.php?Gps%2F%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%A7%E4%BD%8D%E7%BD%AE%E6%83%85%E5%A0%B1%E3%82%92%E5%8F%96%E5%BE%97
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
Andriud/Titanium Backup01
Android/ 多彩なAndroidのセンサをアプリで操作
Android/Android emulator
Android/Titanium Backup ã¦ã¼ã¶ã¼ãºã‹¤ãÂÂ01
Android/Titanium Backup ユーザーズガイド01
Android/TitaniumBackup
Android/ideos
Android/ãÂÂãÂÂã©ãÂÂãÂÂã·ãÂÂ
Android/あんどろあぷり
Android/あんどろまーけっと
Blackjack Techniken Sie können nicht leisten übersehen
BoxLinuxAdditions
BracketName
Casino Information du solltest wissen
CenterBottom
Diy/Programing/c#でつくるメモ帳 ~最終回~
EDが動脈硬化や血管障害を知る手がかりに
FormattingRules
FrontPage
Ftp/WebDrive
Gokspel Suggesties u moet weten
GoogleMaps/Google Maps For Offline Use On Android
Gps/ Androidã§GPSãÂȋ³ãµãÂÂå©ç¨
Gps/ AndroidでGPSセンサを利用
Gps/ 位置情報を取得する仕組み
Gps/ 逆引きAndroid入門 > 位置情報を取得
Gps/Android端末から標高を取得
Gps/GPSを使用して緯度経度時刻
Gps/ブラウザで位置情報を取得
Gps/位置情報/GPSを使うAndroidアプリを作る
Gps/標高を取得する
Gps/緯度経度取得の基本
Help
Informationen zur Slots Sie können nicht Überspringen
InterWiki
InterWikiName
InterWikiSandBox
Internet/パケット数を知りたい
Law/消費者契約法
Link/Ã¥ÂȌ¦
Link/医学
Linux/Ftp ã¯ã©ã¤ã¢ã³ãÂÂinstall
Linux/Ftp クライアントinstall
Linux/KNOPPIX 6.7.1 を HDD にインストール
Linux/Linux基本操作 (その1)
MenuBar
My Personal Rencontre avec Slots Casino
Namazu/ ホームページに全文検索機能を持たせたい場合
Namazu/é¢é£åÂÂÃ¥ÂÂ
Namazu/関連商品
PHP
Puki%2FHowto%2FbackupAndPass
Puki/Howto
Puki/Howto/Backup
Puki/Howto/BackupOfPukiPlus
Puki/Howto/BackupWith Dump
Puki/Howto/BackupWithDump2
Puki/Howto/Install
Puki/Howto/backupAndPass
PukiWiki
PukiWiki/1.4
PukiWiki/1.4/Manual
PukiWiki/1.4/Manual/Plugin
PukiWiki/1.4/Manual/Plugin/A-D
PukiWiki/1.4/Manual/Plugin/E-G
PukiWiki/1.4/Manual/Plugin/H-K
PukiWiki/1.4/Manual/Plugin/L-N
PukiWiki/1.4/Manual/Plugin/O-R
PukiWiki/1.4/Manual/Plugin/S-U
PukiWiki/1.4/Manual/Plugin/V-Z
Pukiwiki/バックアップ/超お手軽お引越し
SandBox
SexyBookmarks
Sim
Sim/softbank-users-in-japan
Soft/Editor/V
Vba/programing
Vba/software
WikiEngines
WikiName
WikiWikiWeb
YukiWiki
eco/夜間電力を備蓄
einfach Beratung zu Blackjack
googlemaps/ãÂÂãÂÂãÂÂMAP
googlemaps/ぐぐるMAP
ipad/ipad 修理マニアル 部品
ipad/ipad2/missingmanual
iphone/iphone 強制終了
link/é²ç½æ 報
link/翻訳
link/防災情報
programing/creating a website
programing/フォーム認証入門
soft/cms
test/taiwan
where to find discounts
windows/WordPressのバックアップと最適化! WP-DBManager
windows/XPã®ãµã ãÂÂã¤ã«
windows/XPのサムネイル
windows/install_100MB
windows/install_100MB 2
ä¸Âè¯Pad
å³æ¸館/調ã¹ãÂÂã®ãµã¤ãÂÂ
èªÂä¸Â/èªÂä¸Âå¤Âå½èªÂ
ï½Âï½Â/ç®次ã¤ãÂÂãÂÂã«ã¯
プロ御用達/製本用強力ボンド
不具合/Android/Gps
中折れ防止 シアリス 通販
中華Pad
図書館/調べものサイト
媚薬不感症 媚薬最強
検索/PHP
検索/サイト内検索
読上/BBSよみあげ
読上/読上外国語
読上/bbs 棒読みちゃん英語を読み上げる
wp/ ツリー状の目次を表示する
wp/WordPressでURLに自動リンクを張るプラグイン
wp/WordPressをインストールしたら最初に設定しておきたい22項目
wp/カテゴリ別記事一覧を表示
wp/改行を変換+URL自動リンク MT
wp/目次つくるには
wp/目次を表示するプラグイン
wp/自動リンク切れチェック
wp/記事タイトル一覧を表示
[[Gps/標高を取得する]] 連載:位置情報を使ってみよう(2) ブラウザで位置情報を取得してみよう http://www.atmarkit.co.jp/fnetwork/rensai/ichijouhou02/03.html 新日鉄ソリューションズ 笹尾和宏 2009/6/19 Google Mapsとの連携 取得した緯度・経度に対応した地図が表示されるように変更してみましょう。今回は地図の表示にGoogle Maps APIを利用しました。ソースコードの追加部分を赤字で示します。 [サンプルの実行] 図5 PlaceEngine を利用した Wi-Fiの電波による位置取得とGoogle Maps との連携 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Wi-Fiの電波強度から位置情報を取得</title> <script src="http://www.placeengine.com/javascripts/pengine.js" type="text/javascript"></script> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=GoogleAPIKey"></script> <script type="text/javascript"> <!-- // PlaceEngine 用 // キーは http://www.placeengine.com/appk から入手 var pe = {}; var peKey = "PlaceEngineAPIKey"; // Google Maps 用 // キーは http://code.google.com/intl/ja/apis/ajaxsearch/signup.html から入手 var gmap = {}; function initPlaceEngine() { // PlaceEngine の利用準備 // ( http://www.placeengine.com/doc/tut を参照 ) pe = new PEngine({ // pe.getLocation() が呼び出されたときの処理 onGetLocation: function(longitude, latitude, r, info) { // HTML表示の更新 document.getElementById("latitude").innerHTML = latitude; document.getElementById("longitude").innerHTML = longitude; document.getElementById("address").innerHTML = info.addr; document.getElementById("floor").innerHTML = info.floor; document.getElementById("result").innerHTML = r; // Google Maps の地図を表示 // ( http://code.google.com/intl/ja/apis/maps/documentation/reference.html を参照 ) if (GBrowserIsCompatible()) { gmap = new GMap2(document.getElementById("map")); // 緯度、経度、拡大率(14)を指定 gmap.setCenter(new GLatLng(latitude, longitude), 14); } }, idstatus:"message", appkey:peKey }); } //--> </script> </head> <body onLoad="initPlaceEngine()" onunload="GUnload()"> <h2>Wi-Fiの電波強度から位置情報を取得</h2> Wi-Fiの電波から位置情報を取得し、近くの駅を表示します<br> Place Engine APIの詳細は、 <a href="http://www.placeengine.com/doc">http://www.placeengine.com/doc</a> で確認できます。<br> <input alt="位置を教える" src="wide_bt2.png" type="image" onclick="pe.registerLocation()" onkeypress="pe.registerLocation()"> <input alt="現在地を取得" src="wide_bt1.png" type="image" onclick="pe.getLocation()" onkeypress="pe.getLocation()"> <hr> <div id="message">ネットワークに接続されていないか JavaScript が有効ではありません</div> <table summary="取得した位置情報"> <tr><td>緯度:</td><td id="latitude">--</td></tr> <tr><td>経度:</td><td id="longitude">--</td></tr> <tr><td>住所:</td><td id="address">--</td></tr> <tr><td>フロア情報:</td><td id="floor">--</td></tr> <tr><td>推定精度 (m):</td><td id="result">--</td></tr> </table> <hr> <div id="map" style="width:500px;height:300px">地図が表示できません</div> <a href="http://www.placeengine.com/"><img src="logo.png" border="0" alt="PlaceEngine"></a> </body> </html> では、追加した部分を見ていきましょう。 9行目:Google MapsのAPIを読み込んでいます。GoogleAPIkeyには先ほどのGoogle APIキーが利用できますので同じ値を設定してください。 <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=GoogleAPIKey"></script> 17~19行目: Google Mapsのオブジェクトを保持する変数を用意しています。 // Google Maps 用 // キーは http://code.google.com/intl/ja/apis/ajaxsearch/signup.html から入手 var gmap = {}; 34~41行目:地図を表示するためのコードを記述します。Google Map APIで対応ブラウザをチェック(GBrowserIsCompatible())した後、gmapに地図のオブジェクトを割り当てます。また、取得した緯度(latitude)・経度(longitude)が画面の中央に来るようにするため、gmap.setCenter() を呼び出します(40行目)。 // Google Maps の地図を表示 // ( http://code.google.com/intl/ja/apis/maps/documentation/reference.html を参照 ) if (GBrowserIsCompatible()) gmap = new GMap2(document.getElementById("map")); // 緯度、経度、拡大率(14)を指定 gmap.setCenter(new GLatLng(latitude, longitude), 14); } 51行目:Google Maps APIを利用した際に、一部のブラウザがメモリリークを起こすバグに対応するため、bodyタグのonLoadに、Google API の GUnload() ( ブラウザのメモリ リークの削減)を追加しました。 <body onLoad="initPlaceEngine()" onunload="GUnload()"> 68行目:地図の表示領域です。37行目のdocument.getElementById("map") でこの領域 (id=”map”)に地図が表示されます。 <div id="map" style="width:500px;height:300px">地図が表示できません</div> Google APIも使いやすくできているため、このように、簡単に連携できます。 ブラウザで位置情報を取得してみよう IPアドレスを利用した位置情報の取得 Wi-Fiの電波を利用した位置情報の取得 Google Mapsとの連携 JSONPを利用したマッシュアップ 位置情報を使ってみよう バックナンバー 第1回 位置情報を取得する仕組み 第2回 ブラウザで位置情報を取得してみよう
タイムスタンプを変更しない
[[Gps/標高を取得する]] 連載:位置情報を使ってみよう(2) ブラウザで位置情報を取得してみよう http://www.atmarkit.co.jp/fnetwork/rensai/ichijouhou02/03.html 新日鉄ソリューションズ 笹尾和宏 2009/6/19 Google Mapsとの連携 取得した緯度・経度に対応した地図が表示されるように変更してみましょう。今回は地図の表示にGoogle Maps APIを利用しました。ソースコードの追加部分を赤字で示します。 [サンプルの実行] 図5 PlaceEngine を利用した Wi-Fiの電波による位置取得とGoogle Maps との連携 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Wi-Fiの電波強度から位置情報を取得</title> <script src="http://www.placeengine.com/javascripts/pengine.js" type="text/javascript"></script> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=GoogleAPIKey"></script> <script type="text/javascript"> <!-- // PlaceEngine 用 // キーは http://www.placeengine.com/appk から入手 var pe = {}; var peKey = "PlaceEngineAPIKey"; // Google Maps 用 // キーは http://code.google.com/intl/ja/apis/ajaxsearch/signup.html から入手 var gmap = {}; function initPlaceEngine() { // PlaceEngine の利用準備 // ( http://www.placeengine.com/doc/tut を参照 ) pe = new PEngine({ // pe.getLocation() が呼び出されたときの処理 onGetLocation: function(longitude, latitude, r, info) { // HTML表示の更新 document.getElementById("latitude").innerHTML = latitude; document.getElementById("longitude").innerHTML = longitude; document.getElementById("address").innerHTML = info.addr; document.getElementById("floor").innerHTML = info.floor; document.getElementById("result").innerHTML = r; // Google Maps の地図を表示 // ( http://code.google.com/intl/ja/apis/maps/documentation/reference.html を参照 ) if (GBrowserIsCompatible()) { gmap = new GMap2(document.getElementById("map")); // 緯度、経度、拡大率(14)を指定 gmap.setCenter(new GLatLng(latitude, longitude), 14); } }, idstatus:"message", appkey:peKey }); } //--> </script> </head> <body onLoad="initPlaceEngine()" onunload="GUnload()"> <h2>Wi-Fiの電波強度から位置情報を取得</h2> Wi-Fiの電波から位置情報を取得し、近くの駅を表示します<br> Place Engine APIの詳細は、 <a href="http://www.placeengine.com/doc">http://www.placeengine.com/doc</a> で確認できます。<br> <input alt="位置を教える" src="wide_bt2.png" type="image" onclick="pe.registerLocation()" onkeypress="pe.registerLocation()"> <input alt="現在地を取得" src="wide_bt1.png" type="image" onclick="pe.getLocation()" onkeypress="pe.getLocation()"> <hr> <div id="message">ネットワークに接続されていないか JavaScript が有効ではありません</div> <table summary="取得した位置情報"> <tr><td>緯度:</td><td id="latitude">--</td></tr> <tr><td>経度:</td><td id="longitude">--</td></tr> <tr><td>住所:</td><td id="address">--</td></tr> <tr><td>フロア情報:</td><td id="floor">--</td></tr> <tr><td>推定精度 (m):</td><td id="result">--</td></tr> </table> <hr> <div id="map" style="width:500px;height:300px">地図が表示できません</div> <a href="http://www.placeengine.com/"><img src="logo.png" border="0" alt="PlaceEngine"></a> </body> </html> では、追加した部分を見ていきましょう。 9行目:Google MapsのAPIを読み込んでいます。GoogleAPIkeyには先ほどのGoogle APIキーが利用できますので同じ値を設定してください。 <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=GoogleAPIKey"></script> 17~19行目: Google Mapsのオブジェクトを保持する変数を用意しています。 // Google Maps 用 // キーは http://code.google.com/intl/ja/apis/ajaxsearch/signup.html から入手 var gmap = {}; 34~41行目:地図を表示するためのコードを記述します。Google Map APIで対応ブラウザをチェック(GBrowserIsCompatible())した後、gmapに地図のオブジェクトを割り当てます。また、取得した緯度(latitude)・経度(longitude)が画面の中央に来るようにするため、gmap.setCenter() を呼び出します(40行目)。 // Google Maps の地図を表示 // ( http://code.google.com/intl/ja/apis/maps/documentation/reference.html を参照 ) if (GBrowserIsCompatible()) gmap = new GMap2(document.getElementById("map")); // 緯度、経度、拡大率(14)を指定 gmap.setCenter(new GLatLng(latitude, longitude), 14); } 51行目:Google Maps APIを利用した際に、一部のブラウザがメモリリークを起こすバグに対応するため、bodyタグのonLoadに、Google API の GUnload() ( ブラウザのメモリ リークの削減)を追加しました。 <body onLoad="initPlaceEngine()" onunload="GUnload()"> 68行目:地図の表示領域です。37行目のdocument.getElementById("map") でこの領域 (id=”map”)に地図が表示されます。 <div id="map" style="width:500px;height:300px">地図が表示できません</div> Google APIも使いやすくできているため、このように、簡単に連携できます。 ブラウザで位置情報を取得してみよう IPアドレスを利用した位置情報の取得 Wi-Fiの電波を利用した位置情報の取得 Google Mapsとの連携 JSONPを利用したマッシュアップ 位置情報を使ってみよう バックナンバー 第1回 位置情報を取得する仕組み 第2回 ブラウザで位置情報を取得してみよう
テキスト整形のルールを表示する