GoogleマップのMarkerClustererをフォトログに導入してみた – Simple Colors
フォトログで表示しているGoogleマップでは、表示している写真の撮影場所だけを表示して、他の写真のマーカーは載せてプロットしていませんでした。 これは、撮影場所が近いとマーカーが重なりゴチャゴチャになってしまうのがイヤだったからなのですが、先日コミュニティコムの @khoshino さんに、近い場所に複数のマーカーがある場合、まとめて表示してくれる MarkerClusterer の存在を教えていただいたので、早速導入してみることにしました。 まずは、get_postsを使って、緯度経度入力のある投稿を全件取得。 $photos = get_posts( 'posts_per_page=-1&meta_key=lat,lng' ); これを foreach でループさせて、複数のマーカーをプロットすると、当然ながら画像のように重なって表示されてしまいます。 マーカーがダブって見にくいし、
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Twitterをサイトに組み込むチュートリアル＆サンプル集:phpspot開発日誌
Twitterをサイトに組み込むチュートリアル＆サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み Twitterのメッセージをページに載せられるJavaScript「Twitter.js」 JavaScript 単体でTwitterのメッセージをサイトに簡単に埋め込み可能 サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 画面遷移なしにTwitterステータス表示＆検索ができるウィジェットを設置可能。 PHP製のウィジェットや投稿用サンプルコード等 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterのメッセージ表示用のリロード機能付きウ
TwitterAPI.js
【2010-06-17 追記】 従来と同じ使い方のまま OAuth に対応した、TwitterAPI2.js を公開しました。 下記、TwitAPI.js に対するラッパになります。 詳細は、TwitterAPI2.js を参照して下さい。 【2010-06-12 追記】OAuth 対応版を公開しました まだ完成度は低いですが、基本的な動作は可能になったので公開しました。インターフェースなどが変更になっていますが、基本的な使用感は変わりません。 TwitAPI.js 現状の TwitterAPI.js は 2010-06-30 2010-08-31 をもって利用できなくなります。 Twitter の BASIC 認証による API 提供が、6月末に終了することが正式発表され、BASIC 認証を利用している現状の TwitterAPI.js はそれと同時に利用できなくなります。Twitter
Google AJAX Feed APIでRSS複数表示 - bass-inu's blog
JavaScriptだけでフィードを取得＆表示できる。Google AJAX Feed API 複数のフィードを表示をするには、FeedControlクラスを使えば簡単ですが、表示内容を細かくいじることができない。。 見た目はCSSでカスタマイズ可能。公式参照。 ■やりたいこと 複数のフィードを表示 日付は「年.月.日」で表示 1週間以内の記事には日付の横に「NEWマーク」を表示 記事の概要表示 APIキーを取得したら準備完了。 表示サンプル画像 head内 <script type="text/javascript" src="http://www.google.com/jsapi?key=（APIキー）"></script> <script type="text/javascript" src="feed.js"></script> feed.js var limit = 7 * 24
本当はすごい、知られざるGoogle Maps APIたち!!
「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
第5回 ASP.NET AJAXでYahoo! ウェブ検索Webサービスを利用してみよう
前回は，ASP.NET AJAXで単純な文字列データを非同期通信する方法について紹介しました。しかし，もちろん，ASP.NET AJAXでやり取りできるのは，文字列や数値のような単一値ばかりではありません。例えば，オブジェクトや配列（リスト）のような複合的な情報（構造データ）を扱うことも可能です。 本稿では，Yahoo! ウェブ検索Webサービスをアプリケーションから利用する例を通じて，ASP.NET AJAXから構造データを扱う方法について紹介することにします（図1）。 なお，Yahoo! ウェブ検索Webサービスについては，別稿「AjaxでYahoo! ウェブ検索Webサービスを利用してみよう（サーバーサイド編）」で詳説しています。こちらの別稿ではASP.NET AJAXを利用「しない」場合のAjaxアプリケーションも紹介していますので，比較しながら見ていくことでより理解が深まるはずで
Google AJAX Search APIにイメージ検索できるAPIが追加：CodeZine
GoogleはAJAX Search APIにイメージ検索用のAPIを追加した。APIを利用した検索ツールはWebサイトやブログに設置することができる。また、他のAPIと組み合わせることで簡単にマッシュアップできるようにもなっている。 <link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> <script type="text/javascript"> function OnLoad() { var searchControl = new GSearchContr
東京メトロ路線図・都営地下鉄路線図・JR路線図・私鉄路線図: Google マップ
開業、廃止、移管予定の主な路線や駅 (更新: 2025年8月3日) 2026年3月頃: しきぶ駅 (ハピラインふくい、王子保～武生間) 開業予定 2026年3月末: JR北海道 留萌線 (深川～石狩沼田間) 廃止予定 2026年度: 豊岡だるま駅 (JR信越本線、北高崎～群馬八幡間) 開業予定 2026年度: 多肥駅 (高松琴平電気鉄道琴平線、太田～仏生山間) 開業予定 2027年: 名称未定新駅 (JR鹿児島本線、箱崎～千早間) 開業予定 2027年4月: JR東日本 津軽線 (蟹田～三厩間) 廃止の見込み 2027年度末: 弘南鉄道大鰐線運行休止の予定 2028年夏: 名称未定ボールパーク新駅 (JR千歳線、上野幌～北広島間) 開業予定 2028年度: 名称未定新駅 (JR関西本線、奈良～郡山間) 開業予定 2028年度末: 海老川新駅 (仮称、東葉高速鉄道、飯山満～東海神間) 開業予
Welcome to Flickr
Unlock unlimited storage, ad-free browsing, advanced stats, exclusive discounts, and more.
Google Maps で鈴鹿サーキット試走
Google Maps API を利用した便利なサービスが数々発表されているけど、別に遊びのために活用してもいいよね。 そんな思いから作ってみた、レーシングゲームです。 地図データを元に走るので、ゲーム史上いまだかつてないコースの再現性があります。 ただ、作者に車の知識があまりないため、車の走行に関してはかなりいい加減ですがご容赦ください。一応、ゲームバランスは調節したつもりです。 推奨環境 以下の環境で動作チェックを行っています。 Windows 版 Internet Explorer 6.0 (JavaScript有効) Windows 版 Firefox 1.0 (JavaScript有効) 遊び方
Qooqle
アニメ『盾の勇者の成り上がり(2期)』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『盾の勇者の成り上がり(2期)』の動画を今すぐ無料で見たい方はこちらをクリック↓ 盾の勇者の成り上がり(2期)を無料で視聴する！ アニメ『盾の勇者の成り上がり(2期)』とは？（あらすじ・見どころ） まずは、『盾の勇者の成り上がり(2期)』とはどんな作品なのか？、作品の概要をご紹介します。 あらすじ 尚文が次の「波」への準備を進めていると、謎の魔物たちが現れ、同時に「波」へのカウントダウンが停止してしま ... アニメ『RPG不動産』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『RPG不動産』の動画を今すぐ無料で見たい方はこちらをクリック↓ RPG不動産を無料で視聴する！ アニメ『RPG不動産』とは？（あらすじ・見どころ） まずは、『RPG不動産』とはどんな作品な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleAPI - 手軽に使えるウェブサービス群
WikipediaAPI - ウィキペディア情報をサイトで利用できるAPI