About

2007年7月25日 13:09に投稿されたエントリーのページです。

ひとつ前の投稿は「Google マップ??」です。

次の投稿は「最近の画像一覧」です。

皆さんからのコメント

ワンちゃんを飼う
ケンコーボーイ 11/202008:11:20:21:44:03
hanasakuoka 11/202008:11:20:23:53:03
久し振りの更新
ケンコーボーイ 11/122008:11:12:18:53:39
hanasakuoka 11/202008:11:20:23:45:48
更新?!
めいぷる 08/232008:08:23:18:59:36
山の爺 10/012008:10:01:15:27:58
ケンコーボーイ 10/022008:10:02:18:20:47
異常胡瓜?
月うさぎ 07/292008:07:29:13:41:46
大阪の単身赴任者より 08/122008:08:12:16:37:55
ケンコーボーイ 08/162008:08:16:23:46:05
山の爺 08/232008:08:23:18:33:43
更新日付表示
07/162008:07:16:10:52:33
山の爺 07/182008:07:18:09:55:00
.htaccess(ドットエイチティーアクセス)とは?
07/122008:07:12:11:43:55
山の爺 07/132008:07:13:10:38:18
山の爺 07/132008:07:13:18:07:05
フォーラム高知?
通りすがり 06/302008:06:30:06:30:54
山の爺 07/042008:07:04:12:58:13
Counter
トータルカウント
T今日のカウントY昨日のカウント
Powered by
Movable Type 4.1
mt
Top5・PC関係を覚えるgoogle-map-apiの四苦八苦 > 基本の地図

« Google マップ?? | メイン | 最近の画像一覧 »

基本の地図

送られて来た「google map API」のキーを其の侭作れば表示されるのだ。

送られて来た物は以下のような物。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=(各自のキー)"
type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="map" style="width:300px; height:300px"></div>
<script type="text/javascript">
//<![CDATA[

if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.441944, -122.141944), 13);
}

//]]>
</script>
</body>

</html>


是を其の侭貼り付ける。

貼り付ける所は「管理画面」→「デザイン」→「テンプレート」と進み、「インデックステンプレートを作成」

api-gamen.JPG

上の画面では名前は好みで付ける。
出力ファイル名は半角英数で仮に「map.html 」と云うように拡張子をつける。
・・・すると送られて来た物が其の侭表示されるのだ。
只上の「head」内のキーと言う物は各自で違うようだ(送られて来た物を使う)。
是に「charset="utf-8"」と追加する。

<script src="http://maps.google.com/maps?file=api&v=2&key=(各自のキー)" type="text/javascript" charset="utf-8"></script>

コレで以下のような物が出来上がる。

test-tizu.JPG

コノ画面は「緯度」「経度」の指定により変わるようだ。
コノ指定位置は「body」内の「new GLatLng(37.441944, -122.141944)」コノ数字が指してある緯度と経度だ。

緯度、経度の等は検索すれば色々なサイト様が有るので・・・。
ココまでは何とか優しいようだが・・・?

爺さんが遣ろうとしている事はコノ地図のページに記事タイトルの一覧を出し、地図上にマークを付けよう!と言う物だ・・・が依然書いた事を果たして思い出せるか?

人気ブログランキングへ

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.