google map API使い方メモ

グーグルマップおもしれー。


    <script type="text/javascript">
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        //座標を設定
        var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>);
        //初期位置 軽度,緯度,縮尺
        map.setCenter(point, 13);

        //マップコントロールパネル表示
        map.addControl(new GLargeMapControl());
        //右下ミニマップの表示
        map.addControl(new GOverviewMapControl());

        //ふきだし設置 位置, ノード（文章）
/*
        map.openInfoWindow(map.getCenter(), document.createTextNode("あああああ"));
        if(!map.infoWindowEnabled()){
            map.enableInfoWindow();
        }
*/
        //スクロールホイールでのズームイン・アウトを有効
        if(!map.scrollWheelZoomEnabled()){
            map.enableScrollWheelZoom();
        }

        //滑らかに拡大縮小を行うを有効
        if(!map.continuousZoomEnabled()){
            map.enableContinuousZoom();
        }

        // ===== マーカーとフキダシ（変更不要） =====
        function createMarker(point,html) {
            var marker = new GMarker(point);
            GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(html);
            });
            return marker;
        }
        
        // ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
        var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>); //★位置設定
        var marker = createMarker(point,'<div style="width:310px; padding:8px; background-color:#ececec; font-family:Courier; border:solid 1px #cccccc;" ><$MTEntryTitle$> <MTcfshoptitlejp> [<MTcfshoparea>]</div><br /><MTcfaddress>'); // ★
        map.addOverlay(marker);
        marker.openInfoWindowHtml(html);

      }
    }
    </script>