jQuery GoogleMaps プラグイン
$('#gmap3').GoogleMaps({ file: './placemarks.php?format=xml', info_window_heading_level: 3 }); サンプル4（マルチマーカー・リスト連動・外部ドメインからJSONPでマーカー情報を取得） $('#gmap4').GoogleMaps({ file: 'http://demo.5020.jp/plugins/jQuery/jQueryGoogleMaps/placemarks.php?format=json', data_type: 'json', list_target: 'ul#list' }); 初期化オプションについて（グレーの枠内は初期値です） 初期位置、ズームレベル、情報ウィンドウ、アイコンタイプ（シングルマーカー） lat: 表示される地図の中心位置の緯度を指定します。 lat: 37.
無料で商用利用も可能なマップアイコンが200種類のシンボルから作れる「Map Icons Designer」
Googleマップをはじめとする、あらゆる地図上に表示できるロケーション・マーカーを200種類のロケーション・アイコンと10種類のピンから作成可能なアイコンセットが「Map Icons Designer」。ファイル形式はPNGとPSDの2種類があり、商用・非商用を問わず使用することが可能です。 Map Icons Designer | Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit http://www.webiconset.com/map-icons/ マップ上に表示されるアイコンのピンはカラーや形が異なるものが全部で10種類あり、このピンと、ロケーションのアイコンを組みわせて使用できるようになっています。 乗り物や教会・お墓にはじまり、ザリガニやヨガといったものまである
そろそろ確認！Google Map API V3 への移行は済んでますか？ | バシャログ。
寒い！最近の状況を説明するにはひと言で十分。 寒い！！kimoto です。 Google Map を自分のサイトに埋め込めることができる Google Maps API。 現在の最新バージョンは v3 なのですが、一つ前の v2 のサポートが今年の5月に切れます。 （v2 のマニュアルにも注意書きがあります） ※ 2/26追記：正確にはサポートが切れたのは2010年の5月で、2013年の5月までは動作を保証する、という事だそうです。つまり、それ以降は動作の保証が無くなるということですね。 もし API を利用している方はバージョンが幾つか確認し、v2 であれば早急に v3 に移行することをおすすめします。 てことで、v3 の設置の仕方を簡単に説明しようとおもいます。 読み込み 読み込むコードはこちら。 <script type="text/javascript" src="http://m
Google Map を簡単お洒落にカスタマイズ！「Styled Map Wizard」使ってみた。 | バシャログ。
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です！ 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
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
Flash CS3でGoogle Maps APIを利用してみる | alt
Flash CS3でGoogle Maps APIを利用してみる Published by alt on 11 月 27, 2008 01:35 am Category[ サンプル ] Google Mapコンポーネントで簡単にFlashでも地図を扱うことができるので今回は表示部分だけやってみました。 で、CS3で作る際にまず準備として １．APIキー取得 http://code.google.com/apis/maps/signup.html ２．SDK（swcファイル）をダウンロード http://code.google.com/apis/maps/documentation/flash/ 解凍して中のswcファイル（最新はmap_1_8a.swc）を C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuratio
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
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
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-
Googleマップ5周年イベントで押井守監督の空間や時間への考え方についてこってりと聞くことができました
トップ > 映画・テレビWebサービス > Googleマップ5周年イベントで押井守監督の空間や時間への考え方についてこってりと聞くことができました いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2010.08.09 先日、まさに六本木ヒルズに引っ越しをしたばかりのGoogleで「Googleマップ5周年ユーザー / パートナーイベント」が開催されました。 イベント全体の流れは以下の3部構成。 Google マップ 5周年を振り返って：GEO
[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
Google Maps API を使って、地図のカラーバリエーションを楽しもう。
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
Google Maps v2を設置する(1) - ［JavaScript］All About
Google Maps v2を設置する(1) 1: URLへバージョンを表記する 2: 地図クラスがGMapからGMap2へ 3: centerAndZoomからsetCenterへ 以前、Google Mapsをカスタマイズして自分のページへ設置するための解説を、 Google Mapsを自サイトに設置する や Google Mapsを自サイトに設置する2 などで行いましたが、それらは、Google Maps API のバージョン1(v1)についてのものでした。 しかし、現在、Google Maps APIでデフォルトで動作しているバージョンはv2になっています。 v2になり、APIには、多くのクラスやメソッドが追加されるとともに、 JavaScriptファイルのサイズもおよそ半分になり、 メモリリークの回避策や手軽なデバッグログ用クラスなども追加され、v1よ
Googleマップ上にピンをたてて友人に伝える方法 | P O P * P O P
さて、今回の「不便利」はこちらの投稿をご紹介します。 Googleマップで友人に「この場所！」と伝えたい時があります。特定の位置にピンをたてて送れると便利なのですが・・・（マップマニアさんありがとうございます！）。 Googleマップでは伝えたいページのURLを送ることはできても、特定の場所を指し示すことはできません。 そこで、この解決方法を探してきました。 やり方はいくつかありますが、以前、百式でご紹介した「Pin in the Map.com」というサイトを使ってみるのはいかがでしょうか。日本語も通りますよ。 » 新サービス誕生 (Pin in the Map.com) | 100SHIKI.COM 使い方を簡単にご紹介します。 ↑ こちらがサイトのトップページ。日本の場所を調べたい場合には、画面の左上にある日本の国旗をクリックします。 ↑ あとはドラッグによる移動とズームインで目的の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
GoogleMapを使ったサイト作成時に使えそうなカスタムアイコン900種類以上がセットになった「google-maps-icons」:phpspot開発日誌
いまどこ？新幹線マップ - マル幹マップ