鳥たちの創造 RSSフィード

2007-09-03いまここブログパーツ このエントリーを含むブックマーク

ロケーション書き込みを普及させたくやってみる。

<iframe width="120" height="140" frameborder="no" scrolling="no" marginheight="0" marginwidth="0"
 src="http://worris3.sakura.ne.jp/twmapgadget.cgi?id=your_twitter_name">
</iframe>

設置例できれば↓のを使ってください。


これを設置しておいて、あとは適当Twitter現在地L:で更新して行けばいい。

しかしますますプライバシー公開ツールだな。

類似品として404 -エロ動画共有 dokoyoがあるみたい。使ってないけど。ブログパーツもあるらしい。


ブログパーツ欲しい! とか書くといいのかな。


ブログパーツではえらい目にあってるので過負荷は勘弁してほしいところ。404 Not Foundを使うのがいいのかもしれないが、ロケーション投稿時ではなく最新のupdateのURLしか無いのがちょっと意図が違う気がする。で、自前のDBを読んでる。日本人専用にできるしね。どちらがリソースにやさしいかは不明だが。JSON使ってJavaScriptだけで出来れば負荷はかからないのだけど、Google mapではそれ無理っぽい。


(追記)

404 Not Foundを使った、俺サーバには負荷なしバージョンも作った。(設置例IE不可だ)

ただの画像なので移動もズームもできないけど。

JavaScriptなわけだけどなんかおかしい。document.writeで思い通りの位置に書き出す方法が分からない。

<div id="twmap" align="center"></div>
<script type="text/javascript"><!--
var twittername='your_twitter_name';
// --></script>
<script src="http://blog61.fc2.com/w/worris/file/twmap.js" type="text/javascript"></script>

(9/4追記)

ここコメント欄を見て、IEにも対応した。(設置例

<script type="text/javascript"><!--
var twittername='your_twitter_name';
// --></script>
<script src="http://blog61.fc2.com/w/worris/file/twmap.js" type="text/javascript"></script>

こういう書き方でいいのか分からんけど。

なるべくこっち使ってね。


中身はこう。

document.write('<div id="twmap" align="center"></div>');
(function (c) {
  if (typeof(document.readyState) != 'undefined' && document.readyState != 'complete') {
    if (c < 8000) {
      var f = arguments.callee;
      c *= 2;
      setTimeout(function () { f(c); }, c);
    }
  return;
  }
  var twmapsrc=document.createElement('script');
  twmapsrc.charset='UTF-8';
  twmapsrc.src='http://api.twittervision.com/user/current_status/'+twittername+'.json?callback=drawtwmap';
  document.documentElement.appendChild(twmapsrc);
})(100);

function drawtwmap(data){
  document.getElementById('twmap').innerHTML='<a href="http://twitter.com/'+data.screen_name+'" target="_blank"><img src="http://maps.google.com/mapdata?Point=b&Point.latitude_e6='+data.location.latitude.replace('.','').substr(0,8)+'&Point.longitude_e6='+data.location.longitude.replace('.','').substr(0,9)+'&Point.iconid=15&Point=e&latitude_e6='+data.location.latitude.replace('.','').substr(0,8)+'&longitude_e6='+data.location.longitude.replace('.','').substr(0,9)+'&zm=4000&w=120&h=120&cc=US&min_priority=1" title="'+data.screen_name+'" border="0" /></a>';
}

インターネットサイトを開けません。操作は中断されました。」ってのはdivがネストしてると出る? appendChildで外部jsを読み込むと出る? 両方?

トラックバック - http://twitter.g.hatena.ne.jp/worris/20070903