START HERE mixiアプリ上にGoogleMapを表示

START HERE

開発やらlinuxについてやったこと、ひっかかったことのメモ

[34] [33] [32] [31] [30] [27] [26] [25] [24] [23] [22]

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

【2024/05/19 07:15 】

CATEGORY[]

mixiアプリ上にGoogleMapを表示

かなり奮闘中だったけど，やっと出来た．．．しかし馬鹿すぎる．

mixiアプリにGoogleMapを表示

出来なかった点は以下の３つ
1.APIキーはどこを登録すればよいのか
2.mixiアプリのため<body onload>が記述できない（初期化方法が違う）
3.「GoogleMap」アイコンが表示されたが肝心の地図が表示されない

1.
「http://mixi-platform.com」を登録
これはgoogle先生に聞けば一発で教えてくれました．

2.
mixiアプリはopensocialというAPIに準拠しているので，opensocialAPIの初期化
メソッドの引数にgooglemapの初期化メソッドを渡しました．

3.
divタグでstyle要素（サイズ）を記述していなかった．．．

以下，googlemapだけを表示するソース（試してないのでバグあるかも）
<?xml version="1.0" encoding="UTF-8"?>

   <Module>
   <ModulePrefs title="Hello!">
     <Require feature="opensocial-0.8" />
    </ModulePrefs>
    <Content type="html" view="canvas"><![CDATA[

<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&am    p;key=ここにAPIキーを記述" type="text/javascript"></script>

<script type="text/javascript">
     function google_map_load(){
     if (GBrowserIsCompatible()){
        var map = new GMap2(document.getElementById("google_map"));
        map.setCenter(new GLatLng(35.658613,139.745525),20);
        }
     }

    function init(){
         google_map_load();
    }

    gadgets.util.registerOnLoadHandler(init);
</script>

<div id="google_map" style="width: 500px; height: 300px"></div>

]]></Content>

</Module>

楽しくなってきたぞ！

【2009/09/14 20:36 】

CATEGORY[mixiアプリ]

Trackback[]

COMMENT[0]