はてなマップをハックして自転車コースを描いてみる (arclamp.jp アークランプ)
2005/9/9の機能向上にあわせて新しく作り直しました。はてなマップをハック2 経路ブックマークレット編をご参照ください。 ハックというほど大げさなものではないのですが、先日の自転車での東京一周をはてなマップを利用して表示してみました。動くのはこちら。 はてなマップに無いのは写真をつなぐ線ですが、Google MapsのGPolylineを使えば簡単です。写真を撮ったポイントを線でつないでいるだけなので、実際のコースとはずれていますが、雰囲気は伝わるかなと。これ、面白いですよ。やっぱり、はてなでも対応してくれないもんだろうか。どっちかというと、フォトライフへの追加機能って感じがするけど。 はてなマップのJavaScriptを、なるべくそのまま利用することで30行弱のコードで実現できました（直接利用してもいいですよね！？）。ただ、これがダサいのは、以下の２点です。 ◆写真のXMLファイルは
「はてなリング」のロゴのでかさとソーシャルネットワークサービスとトラックバック / おのひろきおんらいん
さてはて，その「はてなリング」ですが，自分の Web サイトにロゴを貼付けるのですが，そのロゴの画像がけっこうでかいです．80 ピクセル四方がデフォルトなのでしょうか? CSS で次のように書くと，貼付ける「はてなリング」のロゴの画像を任意の大きさにできます: .hatenaring > div > img { width: 40px; } ただし，貼付ける部分を hatenaring っていうクラス名の要素で囲まなくちゃならないです．他にもいろいろやり方があるでしょうけど．div 要素で囲むならこんな感じ: <div class="hatenaring"> <script type="text/javascript" src="http://ring.hatena.ne.jp/showlogo?rid=cycring&sid=1848"> </script> <noscript>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
