基本の地図 (山の喫茶店「カフェテラスえの木」)

基本の地図

送られて来た「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>

是を其の侭貼り付ける。

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

上の画面では名前は好みで付ける。
只出力ファイル名は半角英数で仮に「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>

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

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

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

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

人気ブログランキングへ

日時-e: 2007年7月25日 | パーマリンク

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント: (スタイル用のHTMLタグが使えます)

About

QRコード

基本の地図

コメントを投稿

スポンサードリンク