都道府県市区町村｜データと雑学で遊ぼう！各都道府県の基本データ、市区町村のデータ、政令指定都市など指定都市のデータ、人口、面積、人口密度、公式HPなど公式広報メディア、市区町村変遷情報、ランキングデータ、雑学、地名コレクション、都道府県ランキング、新型コロナウイルス情報など多彩なデータがあります。データベース検索機能も充実。地理好きが集まる掲示板「落書き帳」は憩いの場です。経県値Ⓡは落書き帳から誕生しました。
jQueryとHTML5でジオロケーションするデモ:phpspot開発日誌
Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
Google Mapsにバスや電車のリアルタイム運行状況表示機能
Googleマップ上のバス停や駅のアイコンをタップすると、実際の運行状況データに基づく直近の発着時刻が確認できる機能が、米国と欧州の一部地域でスタートした。 米Googleは6月8日（現地時間）、モバイル版およびデスクトップ版のGoogle Mapsに電車やバスなどの公共交通機関のリアルな運行状況を表示する機能を追加したと発表した。まずは、米国のボストン、ポートランド、サンディエゴ、サンフランシスコとイタリアのトリノ、スペインのマドリードでスタートした。 Google Mapsでは、既に日本を含む多くの地域で交通機関の時刻表データを参照できるようになっている。Google Maps上の駅のアイコンをタップして表示される詳細データでは「予定出発時刻」が表示され、道案内機能「経路」で電車の発着時刻を確認できる。だが、渋滞や事故などによる遅延情報は反映されない。 Googleは、地域の交通機関か
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
iPhoneでも使えるHTML5でGoogleマップみたいに地図や画像表示できる「Tile5」:phpspot開発日誌
Tile5 | Tile5 - HTML5 Mapping and Tiling iPhoneでも使えるHTML5でGoogleマップみたいに地図や画像表示できる「Tile5」。 iPhoneでも使うことができてなかなか便利です。Androidにも対応予定 地図のドラッグ＆ドロップが可能。 地図だけではなく、Flickrの写真を検索して並べてみたもの。 GitHub上にてオープンソースで公開されています。 関連エントリ 見ておくべきHTML5サイト集 HTML5のポテンシャルを感じられる４８のサンプルサイト CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」
GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」:phpspot開発日誌
MapBox | creating custom maps in the cloud GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」が公開されています。 施設の案内や、ゲームの攻略サイトなんかでマップとかに適用すると便利に使えるかもしれません。 サイト上にはライブラリを使って実装されたサンプルがいくつか確認できますが、移動、拡大/縮小ボタンのUIがいい感じにデザインされてます。 複雑な処理もライブラリで楽に実現できちゃいますね。 関連エントリ GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 「Google Static Maps API」を使い携帯でGoogleマップを表示 Google Map APIでルート表示のjavascriptコード例
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」:phpspot開発日誌
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」 2010年02月19日- nickspacek/jQuery-PlacePicker @ GitHub 地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」が公開されてます。 次のようにGoogle Map の地図が現れて、クリックし、「Save」ボタンを押すと地名をゲットできます。直接文字列での検索も出来ます。 次はゲットしてinputに地名を入れた例です。日本でも対応しているところがいいですね。 地図→住所への変換をするような場面で使うことができますね。 関連エントリ 現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイ
Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイン「Virtual Earth Toolkit」:phpspot開発日誌
Virtual Earth Toolkit Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイン「Virtual Earth Toolkit」というものがあるみたいです。 Google Map といはUIが違ってちょっとカッコいい感じになってます。 Chrome などで動かしてみるとサクサク動いて気持ちイイです。 日本に対応していないのが残念ですが、そのうち対応するかもなので、こういうものがあるというのは知っておいても良いかもしれませんね。 関連エントリ GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 Google Map APIでルート表示のjavascriptコード例 「Google Static Maps API」を使い携帯でGoogleマップを表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
