中国歴史小説「知兵之将」

今、鈴元仁は歴史小説をブログで連載しています。

内容は、二千二百年前(!)の古代中国です。

始皇帝・項羽・劉邦・韓信・張良・虞美人・呂太后、、、

これらの名前にピンと来た方、あるいは、

郡県制・儒教・陰陽思想・法家思想・孫子兵法、、、

こういったことどもにちょっと興味をそそられる方、

よろしければ読んでやってください。

もしお気に入れば、ついでにランキング投票も。

« 台北四十八時間 - まずは、前書き。 | メイン | やさしいビジネス英語 06/07/18 »

GoogleMaps活用するぞ!(4) - Google Mapsを呼び出そう

(カテゴリ:GoogleMaps

さて、API Keyの登録に成功したならば、これから地図を組み上げていくことになります。

今後は、htmlタグの基本を理解していることを大前提として書いていくことにします。ゆえにhtmlタグについての解説は、いちいち行ないません。



Google Mapsを使ったページの例

Sign up for the Google Maps API のページからAPI Keyの登録に成功したならば、下のような画面が切り替わって出てくるはずです。


APIKey.JPG


この画面の最上段が、あなたの登録で割り振られたAPI Keyです。
中段が、あなたが登録したディレクトリ=フォルダです。
そして下段が、Googleが自動的に用意した、最も簡単なページの一例となっています。


下段にあるページの一例を見てみましょう。

<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

3つの部分に色分けして表示しました。

結論から言えば、一番上の黄色の部分が各種の宣言及びJavascriptを呼び出す元の指定となっています。この部分は基本的に書き換える必要はないと思います。で表示している箇所が、登録によって割り振られたAPI Keyです。だからこのページは、登録したディレクトリ=フォルダでのみ作動するはずです。

真ん中のピンクの部分は、Javascriptの本文となっています。

一番下の緑色の部分は、ページの"body"部分で、具体的にページに表示するための指定となっています。

このページの真ん中の部分より下をAPI Documentationに則り書き換えることによって、Google Mapsのいろいろな表現ができるようになっているのです。例では、ページを開くとこのような地図が出てくるようになっているはずです。


カリフォルニア州パロアルトが中心点にある、縦300ピクセル横500ピクセルの、13段階目ズームの地図


次回以降、具体的なGoogle Mapsづくりに挑戦してみたいと思います。

トラックバック

このエントリーのトラックバックURL:
http://suzumoto.s217.xrea.com/mt/mt-tb.cgi/2092

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Powered by
Movable Type