まだ生きていた
7 年前
2009年6月23日火曜日
2009年6月22日月曜日
google map 表示
google mapをBloggerで表示する方法。
まずgoogle maps apiのkeyを取得する。
次にレイアウトの「HTMLの編集」で<head>タグの直下に、
<script src='http://maps.google.com/maps?file=api&v=2&key=取得したキー' type='text/javascript'/>
を入力。
後は投稿欄にて、（以下google map APIのHelloWorldより）
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
</script>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
とすればOK!!!・・・かと思ったんですが、まず<body>のタグが投稿欄で使えない・・・。
なので<body>の部分だけレイアウトの「HTMLの編集」で貼り付け、残りの部分を投稿欄！
で今度こそOK!!!・・・かと思ったんですが、mapが表示されない・・・。
もう諦めて、最後の呼び出しの<div>の部分だけ投稿欄であとは全部レイアウトの方に張りました。
そしたら上手く表示されたんですが、何か違う気がする。
他の人のブログみると、みんなもっとスムーズにできてる。
でもとりあえずはこの方法で、いい方法見つかったらやり直します。
まずgoogle maps apiのkeyを取得する。
次にレイアウトの「HTMLの編集」で<head>タグの直下に、
<script src='http://maps.google.com/maps?file=api&v=2&key=取得したキー' type='text/javascript'/>
を入力。
後は投稿欄にて、（以下google map APIのHelloWorldより）
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
</script>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
とすればOK!!!・・・かと思ったんですが、まず<body>のタグが投稿欄で使えない・・・。
なので<body>の部分だけレイアウトの「HTMLの編集」で貼り付け、残りの部分を投稿欄！
で今度こそOK!!!・・・かと思ったんですが、mapが表示されない・・・。
もう諦めて、最後の呼び出しの<div>の部分だけ投稿欄であとは全部レイアウトの方に張りました。
そしたら上手く表示されたんですが、何か違う気がする。
他の人のブログみると、みんなもっとスムーズにできてる。
でもとりあえずはこの方法で、いい方法見つかったらやり直します。
google map貼り付け
google mapのリンクからHTMLを投稿欄に貼り付け。
簡単でいいが、シンプルな機能しか使えない模様。
色々な操作を行うには、google map api を使わないとダメみたいだ。
大きな地図で見る
簡単でいいが、シンプルな機能しか使えない模様。
色々な操作を行うには、google map api を使わないとダメみたいだ。
大きな地図で見る
登録:
投稿 (Atom)
