GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき 『InsetBorder』というjqueryプラグインは画像に付けたボーダーをマウスオーバー時にアニメーションで消してくれるというものです。 言葉じゃ伝わりません。公式サイトのデモをご覧下さい。 だんだんボーダーを消してくれるのですが、これ逆の方がよくないですか？ 画像をマウスオーバーしたらボーダーがだんだん表示されるって動きのほうがよくないですか？？ いいですよね！ 『InsetBorder』を誰かがカスタマイズしたっぽいのを見つけたのでちょっといじって公開します。 解説とかいらないからデモ見せろって人は下からどうぞ！ デモ 公式サイトのデモの流用でごめんなさい笑 『InsetBorder』のjquery
![画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d481e57785e65e977a1f1d56d7b6ae93b1827ee/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb5.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
