複数のgoogle.maps.Markerそれぞれに吹き出しをつける
Google MAPS APIで遊んでいて、複数のgoogle.maps.Marker の、それぞれに吹き出し(openInfoWindow)をつけたかったのに、どれをクリックしても最後のマーカーから吹き出しが出てくる！というミスをしないための備忘録。質問しても「クロージャがわかってない奴は云々」とか説教垂れられるだけなので。。 V2 版はこちらです。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 740px; height: 400px;"></div> <script type="text/javascript"> function attachMessage(marker, msg) { goog
Google マップのデザインが新しくなりました
本日、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-
Twitter Friends Maps
Twitter側のAPIの仕様変更に伴なって現在正常動作しない状態となっております。 元々JSベースで作っていたのもあり、新仕様(oAuth)対応が厄介な為対応も保留しています。 対応でき、動作確認とれ次第、ブログ(tyoro.exe)の方で告知させていただきます。 せっかくアクセスしていただいたのに申し訳ありません(´･ω･`) 『Twitter Friends Maps』はTwitterユーザー向けのマッシュアップサービスです。 あなたのFriendsの世界分布が分かります。 下記の取得開始ボタンを押してください！ TwitteのAPIを利用しています。 Friendsに関しては100friendsずつしか取得できないため、following/100 回分のAPIを利用します。 APIには1時間/70回の制限がありますので、ご利用は計画的に。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps API リファレンス
