Yahoo!の地図でもいいんじゃない？
気になるアプリ、ネット上の面白ネタを探索 役立つサイト & iPhone / Android / Mac / Windowsの使い方、裏技 by チョビつう もしあなたが、地図を使ったサービスをWebで提供したい、ということを考えたならまずGoogle Maps APIの利用を考えるでしょう。 それは正解。1日あたりの地図の読み込み回数(以下PVという)が2万5千回以下なら無料だから。 では、会員制のサイトの中で地図を使う(=誰もが使えるサービスではない)ケースではどうでしょう？ Google Maps API for Businessというライセンスを買わねばならないのです。年間25万PVを上限としても、240万円くらいの費用が発生します(OEM版)。 もちろん、それが会社の事業であり、それに見合う規模の売上を見込めるものならよいでしょう。個人でやりたいとか、あるいは会社の事業であっても
アプリ作成していてGoogle Maps API v3でハマった事一覧 - aizono tech
無料WEBアプリで位置情報を扱おうと思ったら避けられないのがjavascriptによるGoogle Maps APIとの連携。で、今回、APIのVer違いによってハマった事とがいくつかあったので備忘録的に残しておく。 今までプログラミングとか全然してこなかったので、この解決に2日も徹夜してもうた。。。 orz v1、v2で使われていたメソッド（メンバ関数？）がv3では使えない or 名前が変わっている。 最初参考にさせていただいていたサイトがv1での表記だったらしく、v3の宣言（API keyを使わないやつ）でやると全然動かないし、そんなメソッド定義されてないよって言われる。 以下、迷った一覧 GMap() → google.maps.Map() 他にもG○○○ってのはだいたいない（GLatLng、GPoint、GMarker、GIcon、GSizeとか） getBoundsLatLng(
地図の移動 - マッピィ Google Maps API JavaScriptの使い方 -
現在地図に表示されている位置から、指定した座標へ移動する方法を確認します。Mapクラスで用意されている「panTo」methodを使います。 panTo(latLng:LatLng) 戻り値:None 地図の中心を指定された LatLng に変更します。 変更範囲が地図の幅と高さの両方よりも 小さい場合、遷移はスムーズにアニメーション表示されます。 引数に移動後の座標を表すLatLngクラスのオブジェクトを指定します。 移動する場合、横方向の移動が地図の幅よりも小さく、縦方向の移動が地図の高さよりも小さい場合には、スムーズにアニメーション表示で移動します。移動が地図の幅や高さよりも大きい場合には地図が切り替わるように移動します。 実際には次のように記述します。 function initialize() { var latlng = new google.maps.LatLng(35.65
Google Maps and Street View (グーグルマップ＆ストリートビュー)
説明 一番近いストリートビューに対応した位置を取得するにはnew GStreetviewClient()で生成されたオブジェクトのgetNearestPanoramaLatLng()を使います。最初のパラメータに調べたい座標をGLatLng形式で指定します。このメソッドは値を返しません。返される座標値を取得するにはgetNearestPanoramaLatLng()の2番目のパラメータにコールバック関数を指定します。このコールバック関数には、ストリートビューの座標値が渡されます。座標値はGLatLngオブジェクトで渡されます。渡された値がnullの場合は近くにストリートビュー対応場所がなかったことになります。多少離れている場合でもnullになるので使用には注意が必要です（ここらへんは多分、将来改良されるのではないかと思います）。 サンプルプログラム <!DOCTYPE html PUBLI
API キーの取得 - スタート ガイド - Google Maps JavaScript API v3 — Google Developers
フィードバックを送信 概要 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Maps JavaScript API を使用すると、独自のコンテンツと画像を使って地図をカスタマイズして、ウェブページおよびモバイル デバイスに表示できます。Maps JavaScript API で提供されている 4 つの基本地図タイプ（道路地図、衛星、ハイブリッド、地形）に、レイヤとスタイル、コントロールとイベント、さまざまなサービスとライブラリを使用して変更を加えることができます。 対象読者 このドキュメントは、JavaScript のプログラミングとオブジェクト指向プログラミングの概念を理解しているデベロッパーを対象にしています。また、ユーザーの視点で マップを使い慣れていることも必要です。ウェブ上に多数ある JavaScript チュートリアルも参考にしてください。 こ
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ルートサービス | Maps JavaScript API | Google for Developers
フィードバックを送信 ルートサービス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 注: サーバー側のライブラリ 概要 （各種の移動手段を使用する）ルートは、DirectionsService オブジェクトを使用して計算できます。このオブジェクトは Google Maps API のルートサービスと通信を行い、ルートサービスはルート リクエストを受信して効率的な経路を返します。最適化で最も重視されるのは移動時間ですが、距離や進路変更の回数なども考慮される場合があります。これらのルート結果は、ユーザー自身で処理することも、DirectionsRenderer オブジェクトを使用してレンダリングすることもできます。 ルート リクエストでは、クエリ文字列（「シカゴ、イリノイ」、「ダーウィン、NSW、オーストラリア」など）や LatLng の値、Place オブ
ルート案内 - マッピィ Google Maps API JavaScriptの使い方 -
・ルート（各種の交通手段を使用）は、DirectionsService オブジェクトを使用して計算できます。このオブジェクトは Google Maps API ルート サービスと通信し、サービスはルート リクエストを受信して計算した結果を返します。これらのルート結果をユーザー自身で処理することも、DirectionsRenderer オブジェクトを使用して結果をレンダリングすることもできます。 ・ルートでは、原点と目的地をテキスト文字列（「東京、大阪」、「名古屋、静岡、京都」など）または LatLng 値として指定できます。ルート サービスは一連のウェイポイントを使用して、複数の部分からなるルートを返すことができます。ルートは、地図上にルートを描画するポリラインとして表示されるか、要素内のテキストによる説明として表示されます（「Williamsburg Bridge ランプを右折」など）。
地図上の２点間の距離を求める
Google Maps API V3で、地図上の２点間の直線距離を求めます。 V2時代は GLatLng.distanceFrom() でしたが、V3では Google Maps Javascript API V3 Geometry Library の google.maps.geometry.sphericalに用意されている computeDistanceBetween() で計算できます。 「ヒュベニの公式（距離計算式）」に悩まなくても大丈夫ですよ！プログラミングに興味はなく、地図をクリックして調べたいだけの場合には、地図上を順にクリックしていって移動距離を算出地図に円を描く・・・などをご利用ください。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false&libraries=ge
ページの基本構成 - マッピィ Google Maps API JavaScriptの使い方 -
Webページの中でGoogle Maps APIを使い地図を表示する場合にHTMLタグにどのような記述が必要か順を追って説明します。 ベースのHTMLとして下記HTML5ページを利用します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サンプル</title> </head> <body> <p>Google Maps APIを使ったサンプル地図。</p> </body> </html> 一般的なHTMLページです。 HTMLタグ内でGoogle Maps APIを使用する為には、最初にGoogle Maps APIを使用するのに必要なGoogle発行のJavaScriptコードを読み込みます。ＡＰＩキーが必要です。下記のように読み込みます。
「Google マップ」の埋め込み地図をカスタマイズする方法まとめ フラップイズム
※2014年3月12日更新 「Google マップ」は2月にバージョンアップされています。 操作性が大きく変わっていますので、説明を加えました。 なお、「Google Maps JavaScript API v3」を使用している部分には変更ありません。 このまま使用できます。 ※2014年3月26日更新 bodyのjavascriptの関数を読み込む記述が消えてしまっていましたので、修正しました。 申し訳ございません・・・。 ※2016年8月31日更新 2016年6月22日に「Google マップ」のAPIが変更され、APIキーが必須になりました。 なお、APIを使用せずに埋め込む場合はAPIキーは引き続き必要ありません。 どうも、くーへいです。 最近ではない方が珍しいと思うくらい、「Google マップ」を埋め込んだホームページは多いですよね。 制作会社にいる皆さんは、「サクッ」っと埋め
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Renoji.com
Polyline: geodesic - ポリラインを球体に沿った曲線にするか？
Map.fitBounds() - 地図のビューポートを境界に合わせる
Marker.getDraggable() - ドラッグ操作が有効か否かを確認する
http://googlemaps.googlermania.com/google_maps_api_v3/ja/custom_streetview/3.html
Calculate the area of a polygon
逆引きGoogle Maps APIリファレンス ver 3