「仮トップ」の編集履歴(バックアップ)一覧に戻る

仮トップ - (2009/03/16 (月) 19:32:34) のソース

[[物件ページサンプル]]
[[物件検索ページ]]

#javascript(){{
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRTYJJl6pItf8vw94ytre0jomSIClRQ7PJhQn_8uLpP85T0vOijRGsW5Cw" type="text/javascript">
</script>

<script type="text/javascript">
<!--
document.write('<div id="map" style="width: 400px; height: 400px"></div>');
//-->
</script>

<script type="text/javascript">
    //<![CDATA[
    var map = new GMap(document.getElementById('map'));

    //所在地の座標設定 
    var lon  = 139.77149963378906 ;//経度
    var lat  = 35.67849408943879 ;//緯度
    var myoffice = new GPoint(lon,lat);

    //所在地を中心にする
    map.centerAndZoom(myoffice , 0);// 数値部分を変えると詳細-広域に変更できます。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/markerA.png';

    //所在地を表示する
    var marker = new GMarker(myoffice,icon);
	//var marker = new GMarker(myoffice);// デフォルトのマーカー画像を利用する場合
    map.addOverlay(marker);
	
    //]]>
</script>
}}