Flickr GeoFeedとGoogle Static APIとの連携

Google blogger上でFlikr GeoFeedとGoogle Static Map APIとの連携をするモジュールを書いてみた。
Flikr GeoFeedはjsonpでも動くので、javascriptのみなので気軽にblog等に貼付けれると思います。
ローカル上では問題なく動くのですが、bloggerでは出たり出なかったりするときがあるの調査中です。

view plainprint?

1. <div id="_flickrGeoFeed"> </div>  
2. <script type="text/javascript"><!--  
3. /** 
4.  * APIを実行する 
5.  */  
6.   
7.   var _flikcrID = "50083730@N00";  
8.   var _googleAPIkey = "ABQIAAAAp2K6l3b04u-NrzcaeIej-BT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTCnngprc0h";  
9.      
10.   var _flickrGeoUrl = "http://api.flickr.com/services/feeds/geo/?id="+_flikcrID+"&lang=en-us&format=json";  
11.   var _flicrTagrget = document.createElement('script');  
12.   _flicrTagrget.charset = 'utf-8';  
13.   _flicrTagrget.src = _flickrGeoUrl;  
14.   
15.   document.body.appendChild(_flicrTagrget);  
16.   
17. /** 
18.  * APIの結果を受け取る 
19.  */  
20. function jsonFlickrFeed(result) {  
21.   
22.   var maker = "";  
23.        
24.   for ( var i = 0 ; i < result.items.length ; i++ ) {  
25.       lat = result.items[i].latitude;  
26.    lon = result.items[i].longitude;  
27.       maker += lat+","+lon+",blues%7C";  
28.   }  
29.   
30.   document.getElementById("_flickrGeoFeed").innerHTML = "<a href='http://www.flickr.com/photos/nishioka/map/'<img width='200' height='200' src='http://maps.google.com/staticmap?size=200x200&markers="+maker+"&key="+_googleAPIkey+"&sensor=false' border></a>";  
31.   
32.  //elementadd  
33.  /* 
34.   var ele = document.createElement("img"); 
35.   ele.setAttribute("src", "http://maps.google.com/staticmap?size=200x200&markers="+maker+"&key="+_googleAPIkey+"&sensor=false"); 
36.   document.getElementById("_flickrGeoFeed").appendChild(ele);  
37.  */  
38.   
39.   
40. }  
41. --></script>