Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
移動ルートの取得 (DirectionService)
２地点を指定して、移動ルートを地図上に表示させるサンプルです。今回はサッポロビール園からＪＲ札幌駅まで。行きは早く飲みたいからバスかタクシーで、帰りは酔い覚ましに歩き…ですよね！？ <script type='text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width:740px; height:400px;"><br /></div> <script type="text/javascript"> var From = "北海道札幌市東区北七条東9-2-10"; var To = "札幌駅"; var myMap = new google.maps.Map(document.getElementById("map"), { mapTypeId:
Google Maps JavaScript API V3
Google Maps API Premier Same great maps plus a SLA, support, and control over ads Google Maps Javascript API V3 Reference Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced version!
webview上でjavascriptからjavaメソッドを実行する - コードを貼り付けながら。
書籍でみかけたりはしてた。 が、頭の中で整理できてない気がするので、すっきりしようと。 1. webkit上にHTMLを表示 WebView webView = new WebView(this); webView.loadData("<h1>まずはHTMLを表示</h1>", "text/html", "utf-8"); setContentView(webView); 2. javascriptも表示 String html = "<script type='text/javascript'>alert('jsですよー');</script>\n" + "<h1>まずはHTMLを表示</h1>"; WebView webView = new WebView(this); // JavaScriptを有効にする webView.getSettings().setJavaScriptEna
ルート案内(GDirections) - Google Maps JavaScript API入門
2つの地点間のルート案内をGoogle Maps上に表示させる方法です。経由地点を指定したり移動手段を指定することもできます。 GDirectionsクラスのオブジェクトを作成 2点間のルート案内 (loadメソッド) ルート案内のクリア (clearメソッド) 経由地点を指定してルート案内 (loadFromWaypointsメソッド) ロケールの指定 (localeプロパティ) 交通手段の指定 (travelModeプロパティ) 高速道路の使用の有無 (avoidHighwaysプロパティ) ポリライン及びステップの情報の取得 (getPolyline, getStepsプロパティ) イベント(load, addoverlay, error)の利用 全ルートの合計距離と合計時間を取得 (getDistance, getDuration, getSummaryHtmlメソッド) 各地点の
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (11) Geolocation API | エンタープライズ | マイコミジャーナル
最後に紹介するのは、プログラムが実行されている位置の情報を取得することができるGeolocation APIだ。 Geolocation APIは、window.navigatorオブジェクトに新しく追加された「geolocation」プロパティにアクセスすることで利用できる。同プロパティを通じて呼び出せるメソッドは以下の3つしかない。 void getCurrentPosition(onSuccess, onError, options) … 現在位置を取得する int watchPosition(onSuccess, onError, options) … 位置情報を継続して監視する void clearWatch(watchId) … 位置情報の監視をやめる。引数はwatchPosition()を呼び出した際に得られる戻り値 getCurrentPosition()とwatchPos
Android携帯でブラウザから緯度経度情報を取得 - PHP,MySQL,Flex,JSな日々＋イラストとか
Android携帯でブラウザから緯度経度情報を取得する方法です。 以前紹介したiPhone3.0のときと結構似ているので簡単にできます。 ページはこちら http://moeten.info/flex/20090713_androidGPS/test.php AndroidかiPhoneからアクセスしてね！ こんな感じにブラウザのJavaScriptから簡単に取得できますよー。 簡単な説明 Androidではgearsを使用することによってGPS情報が扱えるようになります。 まずは、 gears_init.js をインクルード <script type="text/javascript" src="gears_init.js"></script> javascript部分 //緯度経度取得 function getGPS(){ var gps = google.gears.factory.
Google Maps JavaScript API V2 Reference - Google Maps JavaScript API V2 - Google Code
Google Maps JavaScript API V2 Reference Note: The Google Maps Javascript API Version 2 has been officially deprecated as of May 19, 2010. The V2 API will continue to work as per our deprecation policy, but we encourage you to migrate your code to version 3 of the Maps Javascript API. The Google Maps API is now integrated with the Google AJAX API loader, which creates a common namespace for loadin
第3回 位置情報を取得してみよう（後編） | gihyo.jp
連載第3回目の今回は、JavaScriptを利用した位置情報の取得方法を解説します。 Geolocation APIを利用する Geolocation APIとは、JavaScriptで位置情報を取得するAPIのことで、現在W3Cで仕様を策定中ではありますが、Firefox 3.5やGoogle Chrome 5、Safari 5など、いくつかのモダンなブラウザではすでに利用できます。 ただし、プラグインや設定などによって利用できるかどうかは変わってくるため、コードの中で利用可否の判定を行う場合は、ブラウザ名とバージョンで判定するのではなく、geolocationオブジェクトが利用可能かどうかで判定するのが一般的です。 位置情報を取り扱うgeolocationオブジェクトは、window.navigatorから取得することができます。window.navigator.geolocation
The Google Maps Javascript API V3 - Basics - Google Maps JavaScript API V3 - Google Code
Google Maps API Premier Same great maps plus a SLA, support, and control over ads The Google Maps Javascript API V3 - Basics Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced versi
Geolocation API を使った現在地の取得 - Google Map API 利用 - なんとなくな Developer のメモ
Geolocation API と Google Map API を使って現在地の位置情報と住所を取得するサンプルを作成してみた。なお、動作確認は Firefox 3.6.3 を使用し、localhost の Web サーバーを使って実施した。 Geolocation API を使って現在地を取得するには navigator.geolocation.getCurrentPosition() に位置情報の取得結果を引数に取る関数を渡すだけと非常に簡単。 また、Googel Map API を使って位置情報から住所を取得（逆ジオコーディング）するには google.maps.ClientGeocoder の getLocations を使用する。 geo_sample.html <html> <head> <title>Geolocation API を使った現在地の取得サンプル</title
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
逆引きGoogle Maps APIリファレンス
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座