[PR]

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

2024/04/28 (Sun)

edit

Google Maps APIを試す。

Google Maps API　が話題になっているというので、Google Acountにログインしてから、Google Maps SignUPページでAPIキーを取得して、サンプルファイルを作ってみた。

できたサンプルファイル

インラインフレームで見るとこんな感じ

これから、いろいろ試してみます。

このサンプルファイルのソースは下に。

Thank you for signing up for a Google Maps API key. Your key is:

ABQIAAAAOdbDUg2n0G4Aj0fEYouTjhSFTIAHaBWXHN9q4RiYm7rtQM392hQ0WDWmgN99EQC3n9N4RqxzfAbLoQ

This key is good for all URLs in this directory:

http://file.banayan.blog.shinobi.jp/

Here is an example web page to get you started on your way to mapping glory:

<!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>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAOdbDUg2n0G4Aj0fEYouTjhSFTIAHaBWXHN9q4RiYm7rtQM392hQ0WDWmgN99EQC3n9N4RqxzfAbLoQ" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

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

2006/02/07 (Tue) 地図

<< 忍者ブログにHTMLファイルをアップロードする。HOME Google Maps APIで雷門を表示する。 >>