CSS3で作るシンプルなマウスオーバーアニメーション5種 1.背景色がアニメーションするナビゲーション HOME ABOUT GALLERY LINK 2.横からスライドするナビゲーション HOME ABOUT GALLERY LINK 3.拡大・縮小するナビゲーション HOME ABOUT GALLERY LINK 4.くるりと奥に回転するナビゲーション HOME ABOUT GALLERY LINK 5.ぼやっと光るナビゲーション HOME ABOUT GALLERY LINK
CSS3で作るシンプルなマウスオーバーアニメーション5種 1.背景色がアニメーションするナビゲーション HOME ABOUT GALLERY LINK 2.横からスライドするナビゲーション HOME ABOUT GALLERY LINK 3.拡大・縮小するナビゲーション HOME ABOUT GALLERY LINK 4.くるりと奥に回転するナビゲーション HOME ABOUT GALLERY LINK 5.ぼやっと光るナビゲーション HOME ABOUT GALLERY LINK
2つの地点を指定してルートを取得するにはGDirectionsクラスのloadメソッドを使います。 load(query:String, queryOpts?:GDirectionsOptions) このメソッドは新しいルート クエリを生成します。query パラメータは、「from: Seattle to: San Francisco」や「from: Toronto to: Ottawa to: New York」などの有効なルート クエリを含む 文字列です。デフォルトでは、地図が GDirections オブジェクトの構築中に指定されると、クエリ はポリライン結果をリクエストします。同様に、テキスト パネルが指定されると、クエリは詳細な テキスト結果をリクエストします。指定されない場合、結果には検出された経路の要約情報しか含ま れません。 この動作を上書きするために (たとえば、このオ
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です! 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
基本的な編集の流れは 変更したいパーツ選び ⇒ 変更 ⇒ Map Styleに登録 ⇒ 重ねて更に変更したパーツを選択 ⇒ 変更 … という流れになります。 この編集ができましたら「show JSON」というボタンからコードを取得し google map のスクリプト内にコピー&ペーストして半ば完成です。 コードは以下のようになりますがこのコードを単純にペーストしても動きません。 詳しくはデモかGoogle Maps API Version3 日本語ドキュメント(非公式)をご確認ください。 Map Styleの例 [ { stylers: [ { hue: "#0008ff" }, { saturation: 65 } ] },{ featureType: "poi", stylers: [ { visibility: "off" }, { hue: "#00e5ff" }, { satu
(思いっきり個人的な備忘録ですんません。。) 大分今更感満載ですがメモ。 google mapsのデザイン等はご存知の通りStyledMapTypeというAPI等で変更可能で、JavaScriptで変えたい部分の指定してあげる。※Google Map Ver3以降 意味わからん、という場合はGoogle Maps API Styled Map Wizardで、見ながら変更 左のSelectorでゴニョゴニョといじって、右のMap Style、Addを押すとスタイルが指定されます。最終的にMap Style、下部の「Show JSON」をクリックして出てくるのを使用する、と。 jQuery使ってマーカーなんかも出来るみたいです。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する – かちびと.net GoogleMapsの参考はギャラリーサイトなんかで
GOOGLE MAPS API V3で、mapstyleを変えて、 地図の色をカスタマイズ GOOGLE MAPS API V3の特徴の一つに、 地図の色をオリジナルに変えられるカスタマイズ機能があります。 非常に簡単なので、やってみましょう。 まずGOOGLEが用意しているウィザードがあるので、そこに行きます。 http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html このような画面が出ます。 横のサムネイル画像を拡大して見える、赤い枠の中に注目! GOOGLEのMap Styleはフォトショップのレイヤーのように、 カスタマイズしたい要素に対して一つ一つ設定を重ねます。 Feature Typeでカスタマイズする要素を選択 上からAdministrativeが行政区分 国境・県境などの色を
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く