例−22:最初からマーカーの吹き出しを表示する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>例−22:最初からマーカーの吹き出しを表示する</title>
  <script src="http://maps.google.co.jp/maps?file=api&amp;v=2&amp;key=[Maps_API_KEY]"
  type="text/javascript"></script>
  <script type="text/javascript">
  //<![CDATA[


    var map; 

    function load(){ 
      var latlng=new GLatLng(35.6984, 139.7732);
      //地図を作成
      map = new GMap2( document.getElementById("map")); 
      map.setCenter( latlng, 13 );

      //マーカーを地図に追加
      var marker= new GMarker(latlng);
      GEvent.addListener(marker,"click",function(){
           //マーカーがクリックされたら、ポップアップを表示する
           marker.openInfoWindowHtml("<B>マーカーが最初から開いている例です</B>");
      });
      map.addOverlay(marker);
      
      //マーカーに擬似的にクリックされたイベントを発生させる
      GEvent.trigger(marker,"click");
    }
    
    GEvent.addDomListener(window, "load", load);
    GEvent.addDomListener(window, "unload", GUnload);
  //]]>
  </script>
</head>
<body >
  <h1>例−22:最初からマーカーの吹き出しを表示する</h1>
  <div id="map" style="width:600px;height:600px;">
</body>
</html>
サイト内検索
Maps APIの本を書きました
Google Maps APIプログラミング入門
全480ページ。Google Maps API ver.2, ver.3, for Flash, Static Maps API v2, Google Maps API Primery, ライセンス…など、Google Maps APIに関連する幅広い内容の本を書きました。
このサイトで公開しているサンプルはもちろん、本のために作ったサンプルも満載です。
詳しくはこちら

Google Maps Designer
Google Maps Designer