[[物件ページサンプル]] [[物件検索ページ]] #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> }}