var map = new GMap(document.getElementById('map'));
//所在地の座標設定 
var lon  = 141.34193569421768 ;//経度
var lat  = 43.06122195495148 ;//緯度
var myoffice = new GPoint(lon,lat);
 
//所在地を中心にする
 
map.centerAndZoom(myoffice , -1);// 数値部分を変えると詳細-広域に変更できます。0-17
//中心を所在地と別に設定する場合
//map.centerAndZoom(new GPoint(135.6591796875, 34.70549341022544) , 0);
 
//コントロール追加
 
map.addControl(new GSmallMapControl());
 
// 所在地の地点にアイコンを設定する
 
// Create a base icon for all of our markers that specifies the
 
// shadow, icon dimensions, etc.
 
var baseIcon = new GIcon();
 
baseIcon.shadow = 'http://www.google.com/mapfiles/shadow50.png';
 
baseIcon.iconSize = new GSize(20, 34);
 
baseIcon.shadowSize = new GSize(37, 34);
 
baseIcon.iconAnchor = new GPoint(9, 34);
 
baseIcon.infoWindowAnchor = new GPoint(9, 2);
 
baseIcon.infoShadowAnchor = new GPoint(18, 25);

var icon = new GIcon(baseIcon);
 
icon.image = 'http://www.google.com/mapfiles/marker.png';

//所在地を表示する
 
var marker = new GMarker(myoffice,icon);
 
//var marker = new GMarker(myoffice);// デフォルトのマーカー画像を利用する場合
 
map.addOverlay(marker);
 
//設定した座標上に文字を表示するための吹き出しを表示
 
var msg_html = '<span>札幌市中央区北1条西10丁目1-17<br />北1条山地ビルディング 8F<br /><strong>ハウジング山地株式会社 インターデコハウスFC事業本部<strong></span>';// HTMLタグの利用が可能
 
GEvent.addListener(marker, 'click', function() {
 
marker.openInfoWindowHtml(msg_html);
 
});
 
// 初めからメッセージウインドウを開く場合、下のコードの頭の2本の斜線を消す。
 
marker.openInfoWindowHtml(msg_html);