国土数値情報サイトからダウンロードした都道府県地価調査データ(点)を元にGoogle Map上に群馬県の地価データをヒートマップで表示しました。 国土数値情報からダウンロードしたデータをKMLにコンバートし、さらにJavascriptの配列に変更(手動)してます。 (ぶっちゃけJPGIS(XML)から、直接JavaScriptの配列に変換した方が楽だったような気も…) KML形式への変換の仕方は以下の記事を参照してください。 Google Map上に学校区情報(国土数値情報)を表示する ※追記 Quantum GISでgeoJSON形式で出力することができるので、そっちを使う方がらくでした。 データさえできてしまえば、ヒートマップを表示するのは簡単です。 HeatmapLayerを使用するには、libraries=visualizationを付加してGoogle Map APIを読み込んで
米Googleは6月22日(現地時間)、「Google Maps」の機能をWebページやアプリに組み込める「Google Maps API」の使用料を値下げしたと発表した。 Googleは当初Google Maps APIを無料で提供していたが、昨年10月に2012年初頭から課金を開始すると発表した。それを受け、米foursquareやWikimedia Foundationが非営利のオンライン地図プロジェクトOpenStreetMap(OSM)に移行した。また、米Appleは先ごろ開催したWWDCで、今秋リリースの次期モバイルOS「iOS 6」の「マップ」で独自の地図エンジンを採用すると発表している。 Google Maps APIは、地図の読み込み回数が1日当たり2万5000回までは無料で、この使用制限を超えると、超過分が有料になる。従来の超過分料金は1000回当たり4ドルだったのが、
Google Loader Migration Guide Place Field Migration (open_now, utc_offset) Upgrading from v2 to v3 Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API
2009/5/27に Google Maps API V3 が公開され、V2 の正式サポートは 2010/5/19に終了しましたが、2013/5/19(※1)までは引き続き機能するとのことで、長い間 Google Maps API V2 のまま手つかずだった「Googleマップを活用しよう」「GPSロガー旅記録」「湯巡りマップ」地図表示ページを V3 に移行することにしました。(2013.3.19作成) (※1)(2013.5.1追記)2013/5/1に2013/11/19まで半年間延期のアナウンス。この日以降は V2 を使っている地図は、JavaScript ラッピングによる下位互換機能を持たせた V3 の地図に自動的に切り替わる。大部分のシンプルな地図は機能するそうですが(※2)、この間に V3 へ移行することを強く推奨しています。 (※2-1)(2013.11.20追記)当ホームペー
twitter facebook hatena google pocket jQueryプラグインのgmaps.jsを利用すると簡単にGoogle Mapを作成できることできます。 またルート案内もできるので、駅から会社が少し離れていた場合の推奨ルートを表示してあげるのもいいかもしれません。 今回はこのルート案内を設定する方法を紹介します。 sponsors 使用方法 gmaps.jsをダウンロード。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="
gmaps.js Google Maps API with less pain and more fun Examples Maps Basic Map events Markers Services Geolocation Geocoding Overlays Polylines Overlays Polygon GeoJSON Polygon Routes Routes Routes (advanced) GMaps.Route Static maps Static maps With markers With polylines Utils Context menu Geofences Custom controls Fusion Tables layers KML and GeoRSS layers Map Types Overlay Map Types Street View P
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>設置サンプル</title> <link rel="stylesheet" type="text/css" href="/content/css/gmapv3.css" /> <!-- スマートフォン向けviewportの指定 --> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!-- Google Maps APIの読み込み --> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="t
フィードバックを送信 Maps JavaScript API の使用量と請求額 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Maps JavaScript API は従量課金制の料金モデルを採用しています。Maps JavaScript API のリクエストは、リクエストのタイプ(地図の読み込みまたはパノラマ)に応じて、2 種類の SKU の呼び出しを生成します。JavaScript サービスの料金は、JavaScript ネイティブ SKU とは別に設定されています。Google の総合的な利用規約に加えて、Maps JavaScript API に固有の使用量上限が存在します。Google Cloud Console に、使用料金を管理するためのツールが用意されています。 Maps JavaScript API の課金方法 Maps JavaScr
「GoogleMap API」もバージョンが3.0になってからしばらく経ちますが、「GoogleMap API V3」を使う機会がありましたので 「GoogleMap API V3」について数回に分けてチュートリアルを載せていきます。 今回は最初として、簡単な地図のみを表示することを行います。(JR福井駅を中心とした地図) <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=(取得したkeyコード)" charset="utf-8"></script> <script type="text/javascript"> function initialize() { // Google Mapで利用する初期設定用の変数 var latlng = new google.maps.Lat
■マップのイベントとマーカーのイベントの複合的な使い方 マップ上でクリックした位置にマーカーを表示し、さらにそのマーカーをクリックした時に マーカーの緯度経度の値を情報ウインドウに表示します。 この例は、Googleのサンプルとして乗っているものを変更したものです。 マップ上でのクリックイベント時の関数を設定し、その中でマーカーを生成し、さらに情報ウインドウの表示を 行うように、マーカーのクリックイベント時の関数を設定しています。 また、マーカーを生成した時に、そのマーカーをグローバル変数の配列に保存し、その配列のマーカーを 使って、再表示、クリア、削除処理を行っています。 <head> <title>Google Map API v3-6</title> <script type="text/javascript" src="http://maps.google.com/maps/api
年末まで仕事が埋まらず、暇になってしまいました。 暇な時間の有効活用のために、まずは長い間 Google Maps API バージョン 2 のまま手つかずだった本館の Google Maps API で RSS 1.0 から地図表示するページをバージョン 3 に対応させることにしました。平日の朝っぱらか、いい年した大人が何をやっているのだろうと我ながら苦笑しつつも、このエントリの作文まで済ませてアップロード。さて、せっかく山下公園のイチョウが黄色になりかけているので、これからデジカメもって日没前に撮ってくることにします。 今回は v3 になってなくなった機能を補完するために、jQuery を使ってみました。Mac OS X 版 safari、同版と ubunutu linux 版 firefox 3.5、ubuntu 版 epiphany で試してみたところ、これらでは問題なく動作している
ホームページ等でよく表示しているアクセスMAPのような地図をプラグインで探していたら面白いのを見つけた。簡単そうでちょっと面白い。 「MapPress Easy Google Maps」プラグインである。 こんな感じの地図そして案内ガイドを表示することができる。 ちょっと面白いと思いますよ。(このページの最下部にサンプル地図を表示しています) 設置方法は、以下の通りです。 (1)WordPress プラグイン 新規追加から 「MapPress Easy Google Maps」をインストールする。 (2)インストール後、有効化するとメニューの設定の中に 「MapPress」が表示される。 (3)設定ー>「MapPress」で設定画面が表示されるが、 特に変更しなくとも問題ない。 ※ 地図画像の枠に罫線を入れたい等の場合、「Css Seting」 のところで「Style」に「Solid」を選
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
@JUNP_Nです。とうとうiPhoneにGoogleマップが帰ってきました。新しいGoogleマップアプリは以前のものと比べて超パワーアップしています。ということで新しいGoogleマップアプリを使いこなすための10個の覚え書きです。 まずはこの3つのプロモーション動画を見るべし! 1. Googleマップアプリでストリートビューを表示する 表示したい場所を長押ししてピンを付けます。その状態で画面下部に表示されている住所部分を上にスライドさせるとストリートビューの表示が出ます。 表示されたストリートビューの写真をタップすることでストリートビューモードになります。 もちろん矢印での移動や、グルグル見回したりなんかもできます。 2.Google マップアプリで経路検索をする Google マップアプリで経路検索は車・電車(バス)・徒歩の3種類です。 検索履歴も表示されます。後で書きますが検索
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く