ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
iOS 4.2×localStorageで作るGPSレコーダー (1/5)
iOS 4.2が出て3か月ほど経過しました。iOS 4.2ではJavaScriptで加速度センサーを扱えるなど便利になった反面、以前に比べて不便になった面もあります。1つが、内蔵データベースであるSQLiteです。HTML5の仕様からWeb SQL Databaseが廃止されたためでしょうか、iOS 4.2ではJavaScriptからSQLiteへのアクセスができなくなりました。そのため、本連載の第2回で作成した、SQLiteを使ったGPSレコーダーは動作しなくなっています。
GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい:phpspot開発日誌
41Latitude - Styled Maps Using Google Maps API Version 3 GoogleマップAPI ver3でGoogleマップを独自にスタイルすることが出来るらしい。 やってみた例が沢山のっています。これでますますマッシュアップが楽しくなるかもしれません。 道路を強調 プレーンな地図 テキストラベルなし 立体表示 都市をドット表示 暗めのマップ 緑とか他の色にもできる 道路なんかもカラーリング 自由度が高くなってますね。競合他社も真似していくのはかなり大変そうです（＾＾；） 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it
GPSで変わる自転車ライフ（今週より開始）
エコが声高に叫ばれるこのご時世、移動手段兼運動不足解消に「自転車」をオススメしたいと思い、今回から自転車の連載を始めることになった。また、実は自転車とIT系ガジェットは親和性が高いのである。そこで、ASCII.jpのカメラ記事（ネコ記事？）でもお馴染み、プライベートでは自転車でロングツーリングをしまくっている荻窪 圭氏に、GPSと自転車を組み合わせた連載をお願いした。第1回目は、自転車にGPSを装着するとどんなことができるのかを解説する。 自転車とGPSは相性がバツグン もし「いろんなところを自転車でめぐるのが好きで、帰宅後に今日はどこをどう走ったんだろう」と気になるなら、GPSである。「今日は何km走ったんだろう」とチェックしたい人もGPSである。「今どこを走ってるんだろう」と思ったらGPSである。道に迷うのが好きな人にもGPSである。 自転車のハンドルにGPSユニットを装着すると、遠乗
Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
GoogleMaps最初の一歩 - G-PROJECT
概要 今回はみなさんのHPなどで のような地図を表示することを目的とするチュートリアルです GoogleMapsを使うために 事前準備 Googlemapsを単に表示するのは簡単なのですが、 事前準備が必要です。 その事前準備とは API-keyの取得 というものです。 簡単に言えばIDとらないと使えないよ。ということです。 APIのキーは http://www.google.com/apis/maps/ のSign up for a Google Maps API keyより取得できます 成功すると ABQIAAAAu2ZS4H6dsGDc4sErRX8u-xShfoU_0NcjEJglU64gzJCC2EOmtBSU_QLBCi9-482trO5g7KaFrXb1ew のようなAPIkeyが取得できます。 これで事前準備は完了です。 表示してみよう 以下のHTMLを適当に保存して
写真に位置情報を付けてFlickrとかで見る - にやにや製作:GoogleMapとGPSを自転車で使う
GMM.exeに新しく追加した機能 「写真にジオタグ(Exif位置情報)を付ける」方法です。 最新版のダウンロード GMM2.exe 「GMM2.exe ダウンロード用WEBページ」 最新手順:デジカメ写真に位置情報・ジオタグを付ける 以下は旧手順です。 基本的に「ドラッグ&ドロップ」、ほとんどマウスだけの操作 まずは撮影場所を「Googleマップ」「Yahoo!地図情報」 「Google Earth」「手入力」のいずれかで特定することです。 地名がメジャーな場所ならば「Yahoo!地図情報」が使いやすいでしょう。 12月6日の記事「ドラック&ドロップだけでGoogleマップを作る方法」に詳しく書いてありますので参考にしてください。 -------------------- 「最も簡単なジオタグの付け方」 位置を指定する方法はGMM.exeの場合４種類の方法が使えますが、 今回は、GPSデ
GMM2.exe
GMM2.exeで編集した雰囲気がそのまま Google EarthやGoogle Mapsの画面に表現される YouTubeが提供するタグがそのまま使えるので、Google Earth上で動画再生も可能 Google EarthでYouTube動画を表示する GMM2.exeは直感で使える事に重点を置いたツールです。 「ドラッグ&ドロップ」で 簡単にGoogleマップ・Google Earth用のファイルが作れます。 たとえば GPSデータ(TRK/GPX/TCX/WPT/RTE/HST/LOG(NMEA-0183)/NME/CSV 画像データ(JPG/PNG/GIF/BMP等) Google Earthデータ(KML) Google Mapsリンク/Yahoo!地図情報リンク Google MapsEditorデータ(XML) ALPSLAB route ルートデータ(クリップボ
写真に位置情報を付ける方法のまとめ（携帯電話を除く） - Tagchan's blog
写真に位置情報を付ける方法は，今までいろいろと試行錯誤してきたが，とりあえずまとめてみようと思う。基本的に，下記の位置情報を付ける方法はお金をかけていない。以下に示す3つの方法で，写真から位置情報を付ける方法がだいたいカバーできていると思う。 【追記2008年3月25日午前10時半】 このエントリーは、コンパクトデジカメや一眼レフカメラを想定している。携帯電話のGPSを使う方法もあるが、今回は触れていない。 写真の共有サイトで位置情報を付ける方法 Flickrにアップロードした写真に対して，位置情報のタグであるGeotagを付ける方法である。これは，既に以前のエントリで紹介している。 http://www.tagchan.net/blog/2007/04/flickrgeo_tag.html Bookmarkletを使うことで，Flickrのサイト上でGoogle MapsでGeotag
ハウツー：写真にジオタグを追加する | OSDN Magazine
必要最小限の機能しかないデジタルカメラでも、露出時間、絞り値、焦点距離、測光モードなど、写真についての様々な役立つ情報をEXIF形式で保存しておくことができる。そのようなEXIFのメタデータには、写真を撮った正確な位置を示す地理的座標を入れることもできるのだが、この機能をサポートしている市販のカメラはほとんどない。しかし Geotag ツールを使えば、高価なカメラやGPS受信機を持っていなくても地理情報（ジオタグ）を写真に追加することができる。Geotagは、ジオタグを複数の写真に手早くまとめて追加することができるなどの興味深い機能もある便利なユーティリティだ。 写真にジオタグを追加するためには、写真を撮った地点の緯度と経度を入手する必要がある。GPS受信機を利用できる場合には、受信機からGPSデータを取り出して、Geotagを使って写真にマッチングさせれば良い。Geotagでは、「Fil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gmap.nurtext.de/index.html