人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Googleマップのマイマップで、自作のアイコンを表示したいと思っています。
png形式で、サイズも確か64*64より小さいくらいが適当であることは知っているので、それに従ってアイコンを作成しています。実際、マイマップで使ってみると、そのアイコンは表示されるのですが・・・・。
デフォルトの基本アイコンは地図上に配置すると、影が投影されますよね。しかし、自作のものだと、この影が出ません。
影が出なくても支障はありませんが、できれば見栄えよく影が出るようにしたいのです。
『この影の出るアイコンの特別な作り方というのが存在するのでしょうか。あれば、教えてください。』←これが最低条件です。この条件を無視されているような回答には、低いポイントしかあげられませんので悪しからず。また、そのような回答ばかりだとキャンセルするかもしれませんので、ご了承ください。

●質問者: DENT
●カテゴリ:インターネット ウェブ制作
✍キーワード:Googleマップ PNG アイコン キャンセル サイズ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sinsuke3
●36ポイント ベストアンサー

オリジナルマーカーを表示するサンプルプログラム

http://googlemaps.googlermania.com/2-2.html

こちらが説明があって分かりやすいと思います。

影用の画像を用意する必要があります。

http://www.dougamanual.com/blog/25/388/e2146.html

こちらの動画のやり方だと、

アイコンにもともと影を書き込む方法を取っているようです。

(動画後半にあるハートマークのアイコン)

◎質問者からの返答

ありがとうございました。

最初から影を付けておく・・・・気がつきませんでした。


2 ● minkpa
●34ポイント

「特別な作り方」の定義がよくわからないですが、

http://nlogn.ath.cx/archives/000481.html

アップロードした画像に影をつけるには

画像そのものに手を加える方法と,画像には手を加えず CSS で影を後づけする方法の2種類がある。さらに,CSS の方法にも2種類ある。

画像そのものに影をつける方法

アップロードする画像にあらかじめ影をつけておく

利点: 画像がインライン要素の中に書ける

欠点1: 影をつける手間がかかる

欠点2: オリジナルの画像に影をつけなければならない

(アップロード後に自動生成されるサムネイルに影をつけるとよさそうだが,何らかのハックとプログラミングが必要)

スタイルシートで影をつける方法

1976design.com の方法(Easy CSS drop shadows | Blog | 1976design.com)

利点: 左寄せ,右寄せが選択できる

欠点1: ブロック要素になるため,p 要素などのインライン要素の中に書けない

欠点2: 画像の幅(width)を指定しなければならない

A List Apart の方法(CSS Drop Shadows: A List Apart)

利点: 画像の幅を指定しなくてよい

欠点: ブロック要素になるため,p 要素などのインライン要素の中に書けない

◎質問者からの返答

ありがとうございました。

画像処理ならそこそこやれますが、プログラムやCSSが絡んでくると、ちょい敬遠したくなりますね。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ