﻿// JavaScript Document
function load() {
	if (GBrowserIsCompatible()) {

		// ===== アイコン指定 =====
		var icon = Array();
		icon[0] = new GIcon();
		icon[0].image = "http://www.kyoto-rakuzen.com/wp-content/themes/rakuzen/images/access/honten.png"; // ★ オリジナルのアイコンの場所
		icon[0].iconSize = new GSize(80, 31);
		icon[0].iconAnchor = new GPoint(40, 31);
		icon[0].infoWindowAnchor = new GPoint(76, 4);
		
		icon[1] = new GIcon();
		icon[1].image = "http://www.kyoto-rakuzen.com/wp-content/themes/rakuzen/images/access/jingudo.png"; // ★ オリジナルのアイコンの場所
		icon[1].iconSize = new GSize(90, 31);
		icon[1].iconAnchor = new GPoint(45, 31);
		icon[1].infoWindowAnchor = new GPoint(86, 4);
		// ===== 以　上 =====

		// ===== 基礎部分、setCenterで中心座標とズームレベルを指定 =====
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GMapTypeControl()); // 地図タイプ切り替え。Control(true)で小型に
		map.addControl(new GLargeMapControl()); // ズームコントロール。Small で小型に
		map.setCenter(new GLatLng(35.006554,135.780973), 15); // ★中心位置設定、ズームレベル最大は19
		// map.setCenter(new GLatLng(34.680851, 135.498242), 17, G_PHYSICAL_MAP); // １行上：地形レイヤーを表示する場合
		// map.addMapType(G_PHYSICAL_MAP); // 地形レイヤーを表示する場合

		// ===== オリジナルマーカーとフキダシ（変更不要） =====
		function createOriginalMarker(point,html,n) {
			var marker = new GMarker(point,icon[n]);
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(html);
			});
			return marker;
		}
		
		// ===== マーカーとフキダシ（変更不要） =====
		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(35.007277,135.778546); // ★位置設定
		var marker = createOriginalMarker(point,'<div class="map_left"><p class="middle-txt colorfmt01"><strong>本　　店</strong></p><p class="small-txt map02">〒605-0067<br>京都市東山区三条通り南四筋目白川筋西入ル稲荷町南組575<br>TEL.075-561-8777</p></div>', 0); // ★オリジナルアイコン使用（point, 'HTML', アイコン番号）
		map.addOverlay(marker);
		// ===== ポイント２ =====
		var point = new GLatLng(35.009498,135.782948); // ★位置設定
		var marker = createOriginalMarker(point,'<div class="map_left"><p class="middle-txt colorfmt01"><strong>神宮道店</strong></p><p class="small-txt map02">〒605-0033<br>京都市東山区三条通り神宮道上ル東側夷町155<br>TEL.075-751-8777</p></div>', 1); // ★オリジナルアイコン使用（point, 'HTML', アイコン番号）
		map.addOverlay(marker);
	}
}