メイン

「Google Maps」のアーカイブ

2008年8月 7日

Google Street Viewをはてブするbookmarklet

Google Street Viewもりあがってますねー。

おもしろポイントがはてブにもいくつかポストされているようです。

で、Google Street Viewをはてブするには、いちいちページ内の「リンク」をクリックして、表示されたURLをはてブのページからPOSTする必要があります。

面倒なので、Google Street View用のはてブBookmarkletを作りました。

Street Viewをはてブ

javascript:(function(){if(window.location.host.indexOf('maps.google.')==0){var u = document.getElementById('link').href;var p = prompt('ページの名前を入力','Googleマップ : ');window.location='http://b.hatena.ne.jp/add?mode=confirm&title='+encodeURIComponent(p)+'&url='+encodeURIComponent(u);}})();

Googleマップのページでこのbookmarkletを実行すると、ページ名を入力するpromptが表示されます。

そこにページのタイトルを入力してOKをクリックすると、はてブできます。

2008年8月 5日

Google Street View すげぇよ。

ようやく日本でもサービスが始まったGoogle ストリートビュー。

あちこちでおもしろ画像の報告がされてますね。

せっかくなので僕が見つけた変なところを紹介しますよ。

↓同じ道なのに何故か直進できない道路(それぞれ右に曲がることを強制されます)


大きな地図で見る


大きな地図で見る

↓陸の孤島。どこからも入ってこられない道になってます。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.744233,139.740828&panoid=A9mXlxtMqRZ1vgACAfvjRA&cbp=1,295.3274998647668,,0,-3.8853997484211185&ll=35.745816,139.741234&spn=0.006026,0.008165&z=17

↓こちらも何故か直進出来ない道路。なんの変哲もない道路なんだけど、なんでだろ。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.725909,139.763356&panoid=Gs7q-dX7AS90gK_mb5fKcw&cbp=1,16.764905185700286,,0,6.676490518570023&ll=35.727493,139.764376&spn=0.006027,0.012242&z=17

↓レインボーブリッジを疾走。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.637254,139.760776&panoid=JmWXaZVYghBQ_yyFNDeoRA&cbp=1,146.07563241301682,,0,7.760141638914048&ll=35.641481,139.761221&spn=0.012067,0.016329&z=16

おもしろくていつまでも見てしまいますね・・・。

2008年6月14日

Google Earth on Google Maps

Geekなページに、Google MapsのMap Typeを"G_SATELLITE_3D_MAP"にセットすると、Google Earthが表示できるというのでやってみました。

Geekなぺーじ : Google MapsでGoogle Earthを表示する

先日のBarNaviのAPIを使って、銀座コリドー街付近のバーの位置を表示しています。(簡易版なので、クリックしたらバー情報が見られるとかは実装してないです)

通常のGoogle Maps版

Map Typeが"G_SATELLITE_3D_MAP"版

Google EarthのAPIを見ると、Google Maps とはまた微妙に異なるAPIの使い方(書き方)になっているようですが、Google MapsのMap typeを変更する方法だと、マーカの表示はそのままのコードで動きました。

うまくすると、「Google Earthが使える人は3Dで、そうでない人は通常のMapで」という自動切り替えが実装できるのかも。

↓今回作ったコードはこちらです。

javascript

google.load("feeds", "1");
var map;
var map2;
function initialize() {
    init(G_NORMAL_MAP);
}
function initialize2() {
    init(G_SATELLITE_3D_MAP);
}
function init(type){
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(35.671051, 139.760535), 18);
        map.setMapType(type);
        var obj = {
            "key":"barnavi-api-key"
            ,"pattern":"1"
            ,"lat":"35.671051"
            ,"lng":"139.760535"
            ,"range":"1000"
            ,"datum":"world"
            ,"type":"0"
            ,"_callback":"cb"			
        }
        var url = getRequestUrl(obj);
        $.getScript(url);
    }
}
function getRequestUrl(obj){
    var base = 'http://pipes.yahoo.com/pipes/pipe.run?_id=7J43uok43RGoLtmxTqoASA&_render=json';
    var param = [];
    for(p in obj){
        param.push(p + '=' +obj[p]);
    }
    return base + '&' + param.join('&');
}
function cb(data){
    var shops = data.value.items;
    for(var i = 0,len = shops.length;i<len;i++){
        var point = new GLatLng(shops[i].lat_world,shops[i].lng_world);
        map.addOverlay(new GMarker(point));
    }
}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="./css/main.css" type="text/css"><link>
        <title>Google Maps</title>
        <script type="text/javascript" src="http://www.google.com/jsapi?key=apikey">
        </script>
        <script type="text/javascript">
        google.load("jquery", "1.2.6");
	google.load("maps","2.x");
        </script>
        <script type="text/javascript" src="./js/s.js">
        </script>
        <script type="text/javascript">
	$(initialize);//Earth風のときはinitialize2を使う
	$(window).unload(GUnload);
        </script>
		</head>
    <body>
<div id="map_canvas"></div>
    </body>
</html>

2008年5月15日

Google Maps API for Flash Release!

Google Maps API for Flashがリリースされました。

Google Maps API for Flash - Google Code

Google MapsをFlash内で利用することができるAPIで、SDKもリリースされています。

どんなことができるようになったの?ってのは、↓こちらのデモサイトでデモアプリを見てみるのが良いかも。

Google Maps API for Flash Demo Gallery - Google Maps API for Flash - Google Code

このアプリとか、地図と写真の良くある組み合わせなのですが、地図が裏返って写真になるという面白い動きになっています。

サンプルコードも提供されているので、これを機にFlexアプリを作ってみるのもおもしろいかも。

Google Developer Day 2008では、Google Mapsのセッションがあるので、この辺のAPIの話題も触れられるのかなぁ。午後はOpenSocialのコードラボに参加予定なので、聞けないのが残念。

というか、Google I/O や Google Developer Day を前に、このリリースを含め、色んな新機能のリリースが続いてますね。

こりゃますます楽しみになってきましたよ。

2008年1月18日

Google Maps の航空写真刷新

Google Maps とGoogle Earthで、都市部のマップタイルが刷新されました。

Google Japan Blog: Google Earth と Google マップの航空写真がさらに新しく、鮮明になりました

東京 23 区、名古屋市、大阪市の 3 地域の画像がこれまでよりも新しい画像に更新されています。さらに!今回の更新では画像の解像度をこれまでよりぐっと高め、かなり詳細なものにしました。 一段と綺麗になった画像で街の詳細をぜひ確認してみてください。初めての場所を訪れる際も、これで細かく周辺などもチェックできますね。

ってことで、マップを見てみると、確かに綺麗になってました。ビル群とかズームしてみると気持ち悪いくらいに綺麗ですね。

 

うちの近所(JR田端駅前)には、桜並木があって、春になるとそれはもう綺麗なんですが、その周辺の写真がちょうど桜が咲いているときに撮影されていました。

JR田端駅前の桜

なんか、上から見るともさもさして変な感じですね。

 

神宮球場では何かの試合をしているっぽいです。 

 

高解像度になっているので、こういう球場の写真を使ってゲームとか作れそうな気がします。

 

もっとあちこち見て遊んでみよ。

2007年11月28日

Google Maps に「地形」が追加

なにげにGoogleMapsを見てみたら、右上の方に見慣れない「地形」の文字が。

クリックしてみると、今まで「地図+航空写真」だったものが、地形の地図になっていました。

↓こんな感じ。

071128_01.jpg


なんかこういう地図見ていると、地理の時間に見ていた地図帳の地図を思い出します。


↓埋め込みもできるみたいですね。


拡大地図を表示

※新橋の焼肉店にマーカーが付いてますが気にしないでください;

2007年8月18日

GoogleMaps で リバースGeocording

GoogleMaps で リバースGeocordingしちゃった人がいるみたいです。

Reverse Geocoding

geocordingとは、住所から緯度経度情報を取得することで、Google Maps のAPIにもその役割を果たす関数が存在しているのですが、逆に緯度経度から住所を導き出すのはできなかったんですね(←コメント欄でp-nixさんから指摘を受けて修正しました 2007.8.20)。

それを実現したのが上記リンクのページだそうです。

ただし、うちのIE7だとMapが表示されませんでした。

FF2では、Mapは表示されましたが、日本でのリバースGeocordingはうまく動いてくれませんでした。

ただし、アメリカとかだと、Mapをクリックするとマーカが表示され、そのマーカの吹き出しの中に住所が表示されているので、うまく動いているみたいです。

日本でも実現できたら、利用したい人って結構いるんじゃないでしょうか。

2007年7月22日

世界のディズニーランドのマイマップ

休日なので軽めのネタ。

Google maps のマイマップの機能を使って世界のディズニーランドをまとめてみました。

世界のディズニーランド

時間があったら、もう一工夫してマップレットにしてみようかなと思ったり。

2007年6月13日

Google Maps の航空写真が更新

Google マップの航空写真が更新されたようです。

Google Japan Blog: Google Earth と Google マップの航空写真を更新しました

地方都市を中心に更新されたとか。

今回、日本国内では、旭川、秋田、郡山、宇都宮、長野、富山、高知、宮崎の 8 地域の画像が更新されています。

・・・あれ、我が郷土鹿児島は・・・。

↓前のままだ!

鹿児島 - Google マップ

早く鹿児島も更新してくれないかなぁ。

鹿児島と言えば、なぜか桜島の一部だけやけに高解像度なんですよね↓。

鹿児島 - Google マップ

なにか理由があるのかしら。

2007年4月17日

Google maps の表現が一部 3D 表示に

Google Maps 上で、アメリカと日本の一部の都市の建物が 3D 表示に対応したようです。

Modern Syntax : 3D表示になったGoogle Map
秋元@サイボウズラボ・プログラマー・ブログ: Google Mapsの建物が3D化した

日本の3D表現は今ひとつですが、ニューヨークのそれは気合い入ってます

飲食店とかの検索で、ビルのどの階のどの辺りにあるのかまでピンで示してくれたら、もっと便利になるのになぁ。とかぼやいているうちに、とっとと実装されそうですけど。

2007年4月 5日

Google Maps の「マイマップ」がすげぇ!

今日の昼に何気なくGoogle Maps を見てみると「マイマップ」なるメニューを発見しました。

(↓クリックで大きな画像がポップアップします)


このタブ「マイマップ」に注目。

GM_mymap_02.jpg


クリックすると、「新しい地図を作成」リンクとこれまでに作った地図へのリンクが表示されます。

GM_mymap_03.jpg


「新しい地図を作成」をクリックすると、タイトルと説明、公開/非公開フラグを設定します。
公開に設定すると、検索結果に表示されるようです。

GM_mymap_04.jpg


地図の左上には、「ドラッグ移動」「マーカー追加」「線描画」「エリア塗りつぶし」のボタンがあります。

GM_mymap_05.jpg


マーカー追加ボタンを押して、地図をクリックするとその地点にマーカーを設置できます。
タイトルと内容を入力することができます。

GM_mymap_06.jpg


入力欄も「リッチテキスト」や「HTMLを編集」を選択することができます。
画像もアップロードできます。

GM_mymap_07.jpg


ピンの色や形を色々と指定することができます。

GM_mymap_08.jpg


入力していくと、左側のメニューバーにも反映されます。

GM_mymap_09.jpg


線描画を選択して、地図上をクリックすると線を引くことができます。
線描画はダブルクリックで終了します。
線にもタイトルと内容を入力することができます。

GM_mymap_10.jpg


線の色や幅、透明度を指定することができます。

GM_mymap_11.jpg


書いた線は、頂点と中点をドラッグして折り曲げることができます。

GM_mymap_12.jpg


エリア塗りつぶしも、線描画と同じ要領でできます。
エリアは外線と塗りつぶしの色をそれぞれ指定できます。

GM_mymap_13.jpg


作った地図はKML形式(Google Earth)で出力できます。

GM_mymap_14.jpg


リンクをクリックするとGoogle Earthが起動し、↓こんな感じで表示されます。
(※クリックで大きな画像がポップアップします)


いやー、すげぇっす。

自分が作ったshare the Maps!もその1つですが、Google Mapsを利用したどの地図描画サービスよりも使いやすくなっています。

うーん。なんかすごいなぁという感動と、悔しいなぁと言う感情が入り交じって、複雑な心境です。

地図を書けるってだけならまだしも、Google Earthと連携しちゃうってあたりが、今年のGoogleは何か違うというところを感じさせてくれます。

先日Google Notebookが日本語対応されましたが、メニューにさらっと「Google docsに出力」なんてのがありました。

昨年あちこちに手を広げたサービスが、今年になってどんどんリンクし始めている印象。Google による囲い込みが始まったのかなぁ。

<参考記事>
ITmedia Biz.ID Trackback:Google Mapsに新機能「My Maps」
Google マップにオリジナル地図作成機能「マイマップ」が追加 - CNET Japan
Google Japan Blog: Google マップを使って地図が簡単に作れるようになりました。

2007年3月 1日

Google Maps 上の新しいサービス2つ

久しぶりにGoogleネタです。

グーグル、Googleマップ上に広告を表示する「ローカルビジネス広告」を開始 - CNET Japan

Google AdWords: Google ローカル ビジネス広告 (Beta)」にあるように、マップ上に広告を表示するサービスです。

飲食店など、エリアを意識する必要のある広告にはかなり有効そうです。

普通のテキスト広告なら見て見ぬふりですが、ぼーっとGoogle Mapsを眺めていて、自分が住んでいる地域の意外な場所に意外なお店があったら、ちょっと行ってみたくなります。

もう一つは、米のGoogle Maps上で交通渋滞情報が表示されるようになったというもの。

New York, NY - Google マップ

色つきで分かりやすく表示されています。

日本でも早く実装されないかなぁ。

でぃべろっぱーず・さいど http://dev.chrisryu.com/ 鹿児島出身子持ちSEのディベロッパーとしての一面 ja Copyright 2013 Thu, 07 Aug 2008 22:54:51 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss Google Street Viewをはてブするbookmarklet Google Street Viewもりあがってますねー。

おもしろポイントがはてブにもいくつかポストされているようです。

で、Google Street Viewをはてブするには、いちいちページ内の「リンク」をクリックして、表示されたURLをはてブのページからPOSTする必要があります。

面倒なので、Google Street View用のはてブBookmarkletを作りました。

Street Viewをはてブ

javascript:(function(){if(window.location.host.indexOf('maps.google.')==0){var u = document.getElementById('link').href;var p = prompt('ページの名前を入力','Googleマップ : ');window.location='http://b.hatena.ne.jp/add?mode=confirm&title='+encodeURIComponent(p)+'&url='+encodeURIComponent(u);}})();

Googleマップのページでこのbookmarkletを実行すると、ページ名を入力するpromptが表示されます。

そこにページのタイトルを入力してOKをクリックすると、はてブできます。

]]>
http://dev.chrisryu.com/2008/08/google_street_viewbookmarklet.html http://dev.chrisryu.com/2008/08/google_street_viewbookmarklet.html Google Maps Thu, 07 Aug 2008 22:54:51 +0900
Google Street View すげぇよ。 ようやく日本でもサービスが始まったGoogle ストリートビュー。

あちこちでおもしろ画像の報告がされてますね。

せっかくなので僕が見つけた変なところを紹介しますよ。

↓同じ道なのに何故か直進できない道路(それぞれ右に曲がることを強制されます)


大きな地図で見る


大きな地図で見る

↓陸の孤島。どこからも入ってこられない道になってます。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.744233,139.740828&panoid=A9mXlxtMqRZ1vgACAfvjRA&cbp=1,295.3274998647668,,0,-3.8853997484211185&ll=35.745816,139.741234&spn=0.006026,0.008165&z=17

↓こちらも何故か直進出来ない道路。なんの変哲もない道路なんだけど、なんでだろ。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.725909,139.763356&panoid=Gs7q-dX7AS90gK_mb5fKcw&cbp=1,16.764905185700286,,0,6.676490518570023&ll=35.727493,139.764376&spn=0.006027,0.012242&z=17

↓レインボーブリッジを疾走。

http://maps.google.co.jp/?ie=UTF8&layer=c&cbll=35.637254,139.760776&panoid=JmWXaZVYghBQ_yyFNDeoRA&cbp=1,146.07563241301682,,0,7.760141638914048&ll=35.641481,139.761221&spn=0.012067,0.016329&z=16

おもしろくていつまでも見てしまいますね・・・。

]]>
http://dev.chrisryu.com/2008/08/google_street_view_japan.html http://dev.chrisryu.com/2008/08/google_street_view_japan.html Google Maps Tue, 05 Aug 2008 22:09:02 +0900
Google Earth on Google Maps Geekなページに、Google MapsのMap Typeを"G_SATELLITE_3D_MAP"にセットすると、Google Earthが表示できるというのでやってみました。

Geekなぺーじ : Google MapsでGoogle Earthを表示する

先日のBarNaviのAPIを使って、銀座コリドー街付近のバーの位置を表示しています。(簡易版なので、クリックしたらバー情報が見られるとかは実装してないです)

通常のGoogle Maps版

Map Typeが"G_SATELLITE_3D_MAP"版

Google EarthのAPIを見ると、Google Maps とはまた微妙に異なるAPIの使い方(書き方)になっているようですが、Google MapsのMap typeを変更する方法だと、マーカの表示はそのままのコードで動きました。

うまくすると、「Google Earthが使える人は3Dで、そうでない人は通常のMapで」という自動切り替えが実装できるのかも。

↓今回作ったコードはこちらです。

javascript

google.load("feeds", "1");
var map;
var map2;
function initialize() {
    init(G_NORMAL_MAP);
}
function initialize2() {
    init(G_SATELLITE_3D_MAP);
}
function init(type){
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(35.671051, 139.760535), 18);
        map.setMapType(type);
        var obj = {
            "key":"barnavi-api-key"
            ,"pattern":"1"
            ,"lat":"35.671051"
            ,"lng":"139.760535"
            ,"range":"1000"
            ,"datum":"world"
            ,"type":"0"
            ,"_callback":"cb"			
        }
        var url = getRequestUrl(obj);
        $.getScript(url);
    }
}
function getRequestUrl(obj){
    var base = 'http://pipes.yahoo.com/pipes/pipe.run?_id=7J43uok43RGoLtmxTqoASA&_render=json';
    var param = [];
    for(p in obj){
        param.push(p + '=' +obj[p]);
    }
    return base + '&' + param.join('&');
}
function cb(data){
    var shops = data.value.items;
    for(var i = 0,len = shops.length;i<len;i++){
        var point = new GLatLng(shops[i].lat_world,shops[i].lng_world);
        map.addOverlay(new GMarker(point));
    }
}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="./css/main.css" type="text/css"><link>
        <title>Google Maps</title>
        <script type="text/javascript" src="http://www.google.com/jsapi?key=apikey">
        </script>
        <script type="text/javascript">
        google.load("jquery", "1.2.6");
	google.load("maps","2.x");
        </script>
        <script type="text/javascript" src="./js/s.js">
        </script>
        <script type="text/javascript">
	$(initialize);//Earth風のときはinitialize2を使う
	$(window).unload(GUnload);
        </script>
		</head>
    <body>
<div id="map_canvas"></div>
    </body>
</html>

]]>
http://dev.chrisryu.com/2008/06/google_earth_on_google_maps.html http://dev.chrisryu.com/2008/06/google_earth_on_google_maps.html Google Maps Sat, 14 Jun 2008 21:28:58 +0900
Google Maps API for Flash Release! Google Maps API for Flashがリリースされました。

Google Maps API for Flash - Google Code

Google MapsをFlash内で利用することができるAPIで、SDKもリリースされています。

どんなことができるようになったの?ってのは、↓こちらのデモサイトでデモアプリを見てみるのが良いかも。

Google Maps API for Flash Demo Gallery - Google Maps API for Flash - Google Code

このアプリとか、地図と写真の良くある組み合わせなのですが、地図が裏返って写真になるという面白い動きになっています。

サンプルコードも提供されているので、これを機にFlexアプリを作ってみるのもおもしろいかも。

Google Developer Day 2008では、Google Mapsのセッションがあるので、この辺のAPIの話題も触れられるのかなぁ。午後はOpenSocialのコードラボに参加予定なので、聞けないのが残念。

というか、Google I/O や Google Developer Day を前に、このリリースを含め、色んな新機能のリリースが続いてますね。

こりゃますます楽しみになってきましたよ。

]]>
http://dev.chrisryu.com/2008/05/google_maps_api_for_flash_rele.html http://dev.chrisryu.com/2008/05/google_maps_api_for_flash_rele.html Google Maps Thu, 15 May 2008 23:42:18 +0900
Google Maps の航空写真刷新 Google Maps とGoogle Earthで、都市部のマップタイルが刷新されました。

Google Japan Blog: Google Earth と Google マップの航空写真がさらに新しく、鮮明になりました

東京 23 区、名古屋市、大阪市の 3 地域の画像がこれまでよりも新しい画像に更新されています。さらに!今回の更新では画像の解像度をこれまでよりぐっと高め、かなり詳細なものにしました。 一段と綺麗になった画像で街の詳細をぜひ確認してみてください。初めての場所を訪れる際も、これで細かく周辺などもチェックできますね。

ってことで、マップを見てみると、確かに綺麗になってました。ビル群とかズームしてみると気持ち悪いくらいに綺麗ですね。

 

うちの近所(JR田端駅前)には、桜並木があって、春になるとそれはもう綺麗なんですが、その周辺の写真がちょうど桜が咲いているときに撮影されていました。

JR田端駅前の桜

なんか、上から見るともさもさして変な感じですね。

 

神宮球場では何かの試合をしているっぽいです。 

 

高解像度になっているので、こういう球場の写真を使ってゲームとか作れそうな気がします。

 

もっとあちこち見て遊んでみよ。

]]>
http://dev.chrisryu.com/2008/01/google_maps_renew_map_tile.html http://dev.chrisryu.com/2008/01/google_maps_renew_map_tile.html Google Maps Fri, 18 Jan 2008 22:48:18 +0900
Google Maps に「地形」が追加 なにげにGoogleMapsを見てみたら、右上の方に見慣れない「地形」の文字が。

クリックしてみると、今まで「地図+航空写真」だったものが、地形の地図になっていました。

↓こんな感じ。

071128_01.jpg


なんかこういう地図見ていると、地理の時間に見ていた地図帳の地図を思い出します。


↓埋め込みもできるみたいですね。


拡大地図を表示

※新橋の焼肉店にマーカーが付いてますが気にしないでください;

]]>
http://dev.chrisryu.com/2007/11/google_maps_add_tikei_view.html http://dev.chrisryu.com/2007/11/google_maps_add_tikei_view.html Google Maps Wed, 28 Nov 2007 00:27:13 +0900
GoogleMaps で リバースGeocording GoogleMaps で リバースGeocordingしちゃった人がいるみたいです。

Reverse Geocoding

geocordingとは、住所から緯度経度情報を取得することで、Google Maps のAPIにもその役割を果たす関数が存在しているのですが、逆に緯度経度から住所を導き出すのはできなかったんですね(←コメント欄でp-nixさんから指摘を受けて修正しました 2007.8.20)。

それを実現したのが上記リンクのページだそうです。

ただし、うちのIE7だとMapが表示されませんでした。

FF2では、Mapは表示されましたが、日本でのリバースGeocordingはうまく動いてくれませんでした。

ただし、アメリカとかだと、Mapをクリックするとマーカが表示され、そのマーカの吹き出しの中に住所が表示されているので、うまく動いているみたいです。

日本でも実現できたら、利用したい人って結構いるんじゃないでしょうか。

]]>
http://dev.chrisryu.com/2007/08/googlemaps_regeocording.html http://dev.chrisryu.com/2007/08/googlemaps_regeocording.html Google Maps Sat, 18 Aug 2007 21:40:39 +0900
世界のディズニーランドのマイマップ 休日なので軽めのネタ。

Google maps のマイマップの機能を使って世界のディズニーランドをまとめてみました。

世界のディズニーランド

時間があったら、もう一工夫してマップレットにしてみようかなと思ったり。

]]>
http://dev.chrisryu.com/2007/07/my_map_of_world_disney_land.html http://dev.chrisryu.com/2007/07/my_map_of_world_disney_land.html Google Maps Sun, 22 Jul 2007 23:22:04 +0900
Google Maps の航空写真が更新 Google マップの航空写真が更新されたようです。

Google Japan Blog: Google Earth と Google マップの航空写真を更新しました

地方都市を中心に更新されたとか。

今回、日本国内では、旭川、秋田、郡山、宇都宮、長野、富山、高知、宮崎の 8 地域の画像が更新されています。

・・・あれ、我が郷土鹿児島は・・・。

↓前のままだ!

鹿児島 - Google マップ

早く鹿児島も更新してくれないかなぁ。

鹿児島と言えば、なぜか桜島の一部だけやけに高解像度なんですよね↓。

鹿児島 - Google マップ

なにか理由があるのかしら。

]]>
http://dev.chrisryu.com/2007/06/google_maps_tiles_update.html http://dev.chrisryu.com/2007/06/google_maps_tiles_update.html Google Maps Wed, 13 Jun 2007 23:21:09 +0900
Google maps の表現が一部 3D 表示に Google Maps 上で、アメリカと日本の一部の都市の建物が 3D 表示に対応したようです。

Modern Syntax : 3D表示になったGoogle Map
秋元@サイボウズラボ・プログラマー・ブログ: Google Mapsの建物が3D化した

日本の3D表現は今ひとつですが、ニューヨークのそれは気合い入ってます

飲食店とかの検索で、ビルのどの階のどの辺りにあるのかまでピンで示してくれたら、もっと便利になるのになぁ。とかぼやいているうちに、とっとと実装されそうですけど。

]]>
http://dev.chrisryu.com/2007/04/google_maps_3d.html http://dev.chrisryu.com/2007/04/google_maps_3d.html Google Maps Tue, 17 Apr 2007 21:00:46 +0900
Google Maps の「マイマップ」がすげぇ! 今日の昼に何気なくGoogle Maps を見てみると「マイマップ」なるメニューを発見しました。

(↓クリックで大きな画像がポップアップします)


このタブ「マイマップ」に注目。

GM_mymap_02.jpg


クリックすると、「新しい地図を作成」リンクとこれまでに作った地図へのリンクが表示されます。

GM_mymap_03.jpg


「新しい地図を作成」をクリックすると、タイトルと説明、公開/非公開フラグを設定します。
公開に設定すると、検索結果に表示されるようです。

GM_mymap_04.jpg


地図の左上には、「ドラッグ移動」「マーカー追加」「線描画」「エリア塗りつぶし」のボタンがあります。

GM_mymap_05.jpg


マーカー追加ボタンを押して、地図をクリックするとその地点にマーカーを設置できます。
タイトルと内容を入力することができます。

GM_mymap_06.jpg


入力欄も「リッチテキスト」や「HTMLを編集」を選択することができます。
画像もアップロードできます。

GM_mymap_07.jpg


ピンの色や形を色々と指定することができます。

GM_mymap_08.jpg


入力していくと、左側のメニューバーにも反映されます。

GM_mymap_09.jpg


線描画を選択して、地図上をクリックすると線を引くことができます。
線描画はダブルクリックで終了します。
線にもタイトルと内容を入力することができます。

GM_mymap_10.jpg


線の色や幅、透明度を指定することができます。

GM_mymap_11.jpg


書いた線は、頂点と中点をドラッグして折り曲げることができます。

GM_mymap_12.jpg


エリア塗りつぶしも、線描画と同じ要領でできます。
エリアは外線と塗りつぶしの色をそれぞれ指定できます。

GM_mymap_13.jpg


作った地図はKML形式(Google Earth)で出力できます。

GM_mymap_14.jpg


リンクをクリックするとGoogle Earthが起動し、↓こんな感じで表示されます。
(※クリックで大きな画像がポップアップします)


いやー、すげぇっす。

自分が作ったshare the Maps!もその1つですが、Google Mapsを利用したどの地図描画サービスよりも使いやすくなっています。

うーん。なんかすごいなぁという感動と、悔しいなぁと言う感情が入り交じって、複雑な心境です。

地図を書けるってだけならまだしも、Google Earthと連携しちゃうってあたりが、今年のGoogleは何か違うというところを感じさせてくれます。

先日Google Notebookが日本語対応されましたが、メニューにさらっと「Google docsに出力」なんてのがありました。

昨年あちこちに手を広げたサービスが、今年になってどんどんリンクし始めている印象。Google による囲い込みが始まったのかなぁ。

<参考記事>
ITmedia Biz.ID Trackback:Google Mapsに新機能「My Maps」
Google マップにオリジナル地図作成機能「マイマップ」が追加 - CNET Japan
Google Japan Blog: Google マップを使って地図が簡単に作れるようになりました。

]]>
http://dev.chrisryu.com/2007/04/google_maps_my_map.html http://dev.chrisryu.com/2007/04/google_maps_my_map.html Google Maps Thu, 05 Apr 2007 22:18:05 +0900
Google Maps 上の新しいサービス2つ 久しぶりにGoogleネタです。

グーグル、Googleマップ上に広告を表示する「ローカルビジネス広告」を開始 - CNET Japan

Google AdWords: Google ローカル ビジネス広告 (Beta)」にあるように、マップ上に広告を表示するサービスです。

飲食店など、エリアを意識する必要のある広告にはかなり有効そうです。

普通のテキスト広告なら見て見ぬふりですが、ぼーっとGoogle Mapsを眺めていて、自分が住んでいる地域の意外な場所に意外なお店があったら、ちょっと行ってみたくなります。

もう一つは、米のGoogle Maps上で交通渋滞情報が表示されるようになったというもの。

New York, NY - Google マップ

色つきで分かりやすく表示されています。

日本でも早く実装されないかなぁ。

]]>
http://dev.chrisryu.com/2007/03/google_maps_2.html http://dev.chrisryu.com/2007/03/google_maps_2.html Google Maps Thu, 01 Mar 2007 23:47:45 +0900
でぃべろっぱーず・さいど: アーカイブ

アーカイブ

/* Base Weblog (base-weblog.css) */ /* basic elements */ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; /* setting border: 0 hoses ie5 win window inner well border */ padding: 0; font-family: verdana, 'trebuchet ms', sans-serif; font-size: 12px; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } /* standard helper classes */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* page layout */ body { text-align: center; } /* center on ie */ #container { position: relative; margin: 0 auto; /* center on everything else */ width: 720px; text-align: left; } #container-inner { position: static; width: auto; } #banner { position: relative; } #banner-inner { position: static; } #pagebody { position: relative; width: 100%; } #pagebody-inner { position: static; width: 100%; } #alpha, #beta, #gamma, #delta { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } #delta { float: right; } #alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: static; } /* banner user/photo */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display: block; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* content */ .content-nav { margin: 10px; text-align: center; } .date-header, .entry-content { position: static; clear: both; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; } .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } img.image-full { width: 100%; } .image-thumbnail { float: left; width: 115px; margin: 0 10px 10px 0; } .image-thumbnail img { width: 115px; height: 115px; margin: 0 0 2px 0; } /* modules */ .module { position: relative; overflow: hidden; width: 100%; } .module-content { position: relative; margin: 5px 10px 20px 10px; } .module-list, .archive-list { margin: 0; padding: 0; list-style: none; } .module-list-item { margin-top: 5px; margin-bottom: 5px; } .module-presence img { vertical-align: middle; } .module-powered .module-content { margin-bottom: 10px; } .module-photo .module-content { text-align: center; } .module-wishlist .module-content { text-align: center; } .module-calendar .module-content table { border-collapse: collapse; } .module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; } .typelist-thumbnailed { margin: 0 0 20px 0; } .typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; } /* positioniseverything.net/easyclearing.html */ .typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .typelist-thumbnailed .module-list-item { display: inline-block; } /* no ie mac \*/ * html .typelist-thumbnailed .module-list-item { height: 1%; } .typelist-thumbnailed .module-list-item { display: block; } /* */ .typelist-thumbnail { float: left; min-width: 60px; width: 60px; /* no ie mac \*/width: auto;/* */ margin: 0 5px 0 0; text-align: center; vertical-align: middle; } .typelist-thumbnail img { margin: 5px; } .module-galleries .typelist-thumbnail img { width: 50px; } .typelist-description { margin: 0; padding: 5px; } .module-featured-photo .module-content, .module-photo .module-content { margin: 0; } .module-featured-photo img { width: 100%; } .module-recent-photos { margin: 0 0 15px 0; } .module-recent-photos .module-content { margin: 0; } .module-recent-photos .module-list { display: block; height: 1%; margin: 0; border: 0; padding: 0; list-style: none; } /* positioniseverything.net/easyclearing.html */ .module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .module-recent-photos .module-list { display: inline-block; } /* no ie mac \*/ * html .module-recent-photos .module-list { height: 1%; } .module-recent-photos .module-list { display: block; } /* */ .module-recent-photos .module-list-item { display: block; float: left; /* ie win fix \*/ height: 1%; /**/ margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item a { display: block; margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item img { width: 60px; height: 60px; margin: 0; padding: 0; } /* mmt calendar */ .module-mmt-calendar { margin-bottom: 15px; } .module-mmt-calendar .module-content { margin: 0; } .module-mmt-calendar .module-header { margin: 0; } .module-mmt-calendar .module-header a { text-decoration: none; } .module-mmt-calendar table { width: 100%; } .module-mmt-calendar th { text-align: left; } .module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; } .day-photo { width: 54px; height: 54px; } .day-photo a { display: block; } .day-photo a img { width: 50px; height: 50px; } /* Vicksburg II (theme-vicksburg.css) */ /* basic page elements */ body { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; font-size: 12px; } a { color: #666666; text-decoration: underline; } a:hover { color: #66cc33; } #banner a { color: #fff; text-decoration: none; } #banner a:hover { color: #fff; } .module-content a { color: #666666; } .module-content a:hover { color: #66cc33; } h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: x-small; border-bottom: 1px dashed #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; } .commenter-profile img { vertical-align: middle; } /* page layout */ body { min-width: 720px; color: #333; background: #FFFFFF; } #container { width: 720px; margin-bottom: 20px; background: #fff; } #container-inner { border-width: 0 5px 5px 5px; border-style: solid; border-color: #FFFFFF; } #banner { width: 710px; /* necessary for ie win */ background: #66cc33; } #banner-inner { padding: 15px 13px; border-width: 0px 0px 0 0px; border-style: solid; border-color: #fff; } .banner-user { width: 70px; margin-top: 5px; font-size: 10px; } .banner-user-photo { border: 1px solid #fff; } #banner-header { margin: 0; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-shadow: #666666 0 2px 3px; } #banner-description { margin-top: 5px; margin-bottom: 0; color: #fff; background: none; font-size: 12px; line-height: 1.125; text-shadow: #666666 0 1px 2px; } #alpha { margin: 15px 15px 0 15px; width: 480px; } #beta { width: 200px; background: #e6ecf2; } #gamma, #delta { width: 180px; background: #dddddd; } #beta-inner, #gamma-inner, #delta-inner { padding: 10px 10px 0 10px; border-width: 0px 0px 0px 0; border-style: solid; border-color: #fff; } .date-header { margin-top: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 0; border-left: 5px solid #66CC33; padding: 0 0 0 10px; color: #000000; font-size: 18px; font-weight: bold; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-tags { margin: 0 0 10px 10px; } .entry-tags-header, .entry-tags-list, .entry-tag { display: inline; } .entry-tags-list { list-style:none; padding: 0px; } .entry-footer, .comment-footer, .trackback-footer { margin: 0 0 20px 0; border-top: 1px solid #DDDDDD; padding-top: 3px; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { margin-top: 0; } #trackbacks-info { margin: 10px 0; border: 1px dashed #66cc33; padding: 0 10px; color: #292e33; font-size: 11px; text-align: center; background: #dddddd; } .comments-open-footer { margin: 10px 0; } /* modules */ .module { margin: 0 0 10px 0; border-bottom: 1px solid #f3f6f9; background: #DDDDDD; } .module-content { margin: 0 0 10px 0; padding: 10px 10px 0 10px; font-size: 10px; line-height: 1.2; } .module-search input { font-size: 10px; } .module-search #search { width: 100px; } .module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 10px; } .module-powered { border-width: 0; } .module-powered .module-content { margin-bottom: 0; border: 1px dashed #66cc33; padding-bottom: 10px; color: #292e33; background: #fff; } .module-photo { background: none; } .module-photo img { border: solid 1px #fff; } .module-list { margin: 0 15px 10px 15px; list-style: disc; } .module-list .module-list { margin: 5px 0 0 0; padding-left: 15px; list-style: circle; } .module-list-item { margin-top: 0; color: #666; line-height: 1.2; } .typelist-thumbnailed .module-list { margin: 0 0 10px 0; list-style: none; } .typelist-thumbnailed .module-list-item { margin: 1px 0; padding: 0; background: #f3f6f9; } .typelist-thumbnail { background: #fff; } .module-photo img { border: 1px solid #fff; } .module-featured-photo { width: 398px; } .module-featured-photo .module-content { margin: 0; border-width: 0; padding: 0; } .module-featured-photo img { width: 398px; } .module-recent-photos .module-content { padding: 10px 0 0 19px; } .module-recent-photos .module-list { margin: 0; } .module-recent-photos .module-list-item { width: 64px; /* mac ie fix */ margin: 0 10px 10px 0; padding: 0; background: none; } .module-recent-photos .module-list-item a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .module-recent-photos .module-list-item a:hover { border-color: #666666; background: #fff; } .module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; } /* calendar tweaks */ .layout-calendar #alpha { width: 260px; } .layout-calendar #beta { width: 420px; } .layout-calendar #gamma, .layout-calendar #delta { width: 190px; } .layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0; padding: 0; } .module-mmt-calendar { width: 398px; } .module-mmt-calendar .module-content { margin: 0; border-width: 0; padding: 10px; } .module-mmt-calendar table { width: 378px; background: #66cc33; } .module-mmt-calendar th { color: #fff; border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: bold; } .module-mmt-calendar td { border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: normal; background: #dddddd; } th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: none; } .module-mmt-calendar td { height: 70px; } .day-photo { width: 49px; height: 49px; } .day-photo a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .day-photo a:hover { border-color: #666666; background: #fff; } .day-photo a img { width: 45px; height: 45px; } /* artistic tweaks */ .layout-artistic #alpha { width: 260px; } .layout-artistic #beta { width: 420px; } .layout-artistic #gamma, .layout-artistic #delta { width: 190px; } .layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0; padding: 0; } /* moblog1 tweaks */ .layout-moblog1 #alpha { margin: 0; width: 180px; background: #dddddd; } .layout-moblog1 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog1 #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-moblog1 #beta-inner { padding: 0; border-width: 0; } .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; } /* moblog2 tweaks */ .layout-moblog2 #alpha { margin: 0; width: 86px; background: #dddddd; } .layout-moblog2 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog2 #beta { margin: 15px 15px 0 15px; width: 260px; background: none; } .layout-moblog2 #beta-inner { padding: 0; border-width: 0; } .layout-moblog2 #delta { width: 154px; } .layout-moblog2 .module-recent-photos { border: 0; background: none; } .layout-moblog2 .module-recent-photos .module-content { padding: 0; border: 0; } .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; } /* timeline tweaks */ .layout-timeline #alpha { width: 260px; } .layout-timeline #beta { width: 420px; } .layout-timeline #gamma, .layout-timeline #delta { width: 190px; } .layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0; padding: 0; } /* one-column tweaks */ .layout-one-column body { min-width: 520px; } .layout-one-column #container { width: 520px; } .layout-one-column #banner { width: 510px; } /* necessary for ie win */ /* two-column-left tweaks */ .layout-two-column-left #alpha { margin: 0; width: 200px; background: #dddddd; } .layout-two-column-left #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-two-column-left #beta { margin: 15px 15px 0 15px; width: 480px; background: none; } .layout-two-column-left #beta-inner { padding: 0; border-width: 0; } /* three-column tweaks */ .layout-three-column #alpha { margin: 0; width: 180px; background: #DDDDDD; } .layout-three-column #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-three-column #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-three-column #beta-inner { padding: 0; border-width: 0; } /* * Preliminary styles added by Jay for Vicksburg II * for review by Luke/Walt and rest of team */ /* All or multiple templates Suppress underlines on linked entry titles */ .entry-header a { text-decoration: none; } /* Suppress the prev/next nav */ .content-nav { margin: 0px; display: none; } /* Search results templates */ .mt-search-results .search-results-header { border: 2px solid #669; background-color: #666666; color: #eee; padding: 5px; } .mt-search-results .search-results-container { margin-left:10px; } .mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; } .mt-search-results form#search-form input#search { width: 80%; } .mt-search-results form#search-form p#search-options { text-align:center; } /* Entry tag display */ div.entry-tags { margin:0 0 10px 10px; } ul.entry-tags-list { list-style:none; padding: 0px; } h4.entry-tags-header, ul.entry-tags-list, li.entry-tag { display: inline; } /* Main index styles Suppress date header on main index */ .main-index .date-header { display: none; } /* Comment preview and individual entry Widen the comment form */ form textarea#comment-text { width:400px; } /* All archive templates Informational "where am I?" module at top of sidebar */ .module-welcome p { font-size: 12px; } .module-content p.first { margin-top:0px; } /* Date-based and category archives Archive title banner at top of page, below blog banner */ .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 10px solid #66cc33; padding: 5px; color: #fff; background: #666666; } /* Experimental comment styles Not currently in use anywhere in default templates For testing only... */ #comments-experimental .comment, #comments-experimental .comment .comment-inner { width:36em; } #comments-experimental .comment { padding: 0px; margin: 10px 15px; background-color:#eef; border:2px solid #bbb; } #comments-experimental .comment .comment-inner { position:relative; margin:-5px 0 0 -3px; background:#f3f3ff; border:1px solid #003; } #comments-experimental .comment:hover .comment-inner { border:1px solid #000; background-color: #fff; } #comments-experimental .comment a { text-decoration: none; border-bottom: 1px dotted #666666; } #comments-experimental .comment:hover a { color: #333; border-bottom: 1px solid #666; } #comments-experimental .comment .comment-footer, #comments-experimental .comment .comment-content { margin-right: 25px; margin-left: 25px; margin-bottom: 15px; } #comments-experimental .comment .comment-header { font-size: 16px; margin: 5px auto 5px 10px; text-shadow: #99A 2px 2px 1px #66F; color: #666; } #comments .comment-header { display: none; } #comments .comment-footer-experimental { display: none; } #comments-experimental .comment-footer { display: none; } でぃべろっぱーず・さいど: コメントの保留

コメントを受け付けました。

コメントを受け付けました。受け付けたコメントは、ブログの管理者の承認のため保留されています。

エントリーのページに戻る