Discover the resources for adding interactive charts for browsers and mobile devices.
http://84min.com/eki/ Fusion Tablesを使った。 http://www.google.com/drive/apps.html#fusiontables 10,772ヶ所のポイントを描画できてしまうのがすごい。 この1万件以上の情報は駅データ.jpからcsvファイルをダウンロードし、 そのファイルをFusion Tables上でインポート。 現時点のFusion Tables上の編集がいまいち反映されないようで、 「Help」から「Back to Classic look」にしてから、編集するのがコツ。 「Visualize」から「Map」を選んで編集する。 Info windowは 「Configure info window」の「Custom」で編集すれば、任意の表示ができる。 以下のようにして、スマホで見た時にMapアプリで開くようにしてみた(つもり)。
◆Google Maps JavaScript API V3 ブログ目次 Google Maps API v3とは? 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。 ※V2は、2013年11月以降は使用できなくなります。 いきなりサンプル集(example)地図を見るならコチラ Google Maps API Google Maps APIサービスがサポートする国・都市の一覧表 初期設定 Google Maps API V3の地図(マップ)をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定 地図に表示する。 ナビゲーションコントロール、マップタイプコントロー
あけましておめでとうございました。本年もよろしくお願いいたします。 さて去年後半、xmlを読み込んでは切ったり貼ったりする仕事が相次いでました。 大変勉強になったので、サンプルや注意点、参考URLなどをまとめておきます。 本当にメモ書きのようなものなので、JS部分のみ抜粋してます。詳しい書き方はサンプルのソース見てくださると助かります。 Google Feed APIが廃止されたため、このページで公開されている方法の一部は使用できません。現在はPHPを使う必要がありますのでご注意ください。 (2018.08.08追記) 外部サーバのXMLファイルを読み込む 「ア○ーバブログの更新情報をサイトに載せたい!」なんて時に使えます。 Google AJAX Feed API を使う シンプルにデータ取得→HTMLに表示はこんな感じでできます。 サンプル1 ちょっと凝ったのはこんな感じ サンプル2
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く