--.--.--

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


2007.07.11

Google map マイマップをブログへ

ブログのトップにのっているマイマップで今まで行ってきた旅行の場所を紹介したいと思います.

以下その内容↓

<!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"
         xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Google Map</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ここにKEYを入れる"
        type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
    v\:* {
      behavior:url(#default#VML);
    }
    </style>
    <script type="text/javascript">
    //<![CDATA[
    var map;
    function onLoad() {
      map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(37.055177106660814,137.3291015625),5);
      map.setMapType(G_NORMAL_MAP);
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.addControl(new GOverviewMapControl());
      map.setMapType(G_NORMAL_MAP);

      var gx = new GGeoXml(".kml");
      map.addOverlay(gx);
    }
    //]]>
    </script>
  </head>
  <body onload="onLoad()" style="margin:0px; padding:0px;">
    <div id="map"
         style="width:490px; height:350px; margin:0px; padding:0px;"></div>
  </body>
</html>




詳しくは↓
http://www.geekpage.jp/web/google-maps-api/gmapcreator/
で詳しく紹介されています.


 

この記事へのトラックバックURL
http://kakiken1984.blog103.fc2.com/tb.php/37-076c3b1b
この記事へのトラックバック
この記事へのコメント
管理者にだけ表示を許可する
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。