// http://www.infinity-dimensions.com/
////Google Maps API
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
map.centerAndZoom(new GPoint(140.8744776248932, 38.26419775071166), -1);
// オリジナルマーカー生成　
icon = new GIcon();
icon.image = 'images/map_icon.gif';
icon.iconSize = new GSize( 136, 60 );	// 画像の大きさ
icon.shadow = 'images/map_iconb.png';
icon.shadowSize = new GSize( 136, 60 );	// 影画像の大きさ
icon.iconAnchor = new GPoint( 51, 60 );	// 画像の「基準点」
icon.infoWindowAnchor = new GPoint( 51, 0 );	// 情報ウィンドウの基準点
//GMarker
var marker = new GMarker(new GPoint(140.87462782859802, 38.2647642551346),icon);
var html = "<div id=mapwindow><p><strong>ハーネル仙台</strong><br />〒980-0014<br />仙台市青葉区本町2-12-7<br />TEL022-222-1121<br />FAX 022-222-1126</p><img src=images/map_photo.jpg alt=ハーネル外見 width=180 height=120 /></div>";
GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
var marker2 = new GMarker(new GPoint(140.88197708129883, 38.260297384735125));
var html2 = "<div id=mapwindow_b><strong>JR仙台駅</strong><br />JR仙台駅前より<br />徒歩 約7分</div>";
GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml(html2);});
var marker3 = new GMarker(new GPoint(140.878763794899, 38.26082390424725));
var html3 = "<div id=mapwindow_b><strong>JR仙石線青葉通駅</strong><br />JR仙石線青葉通駅より<br />徒歩 約5分</div>";
GEvent.addListener(marker3, "click", function() {marker3.openInfoWindowHtml(html3);});
var marker4 = new GMarker(new GPoint(140.87464928627014, 38.262978382336904));
var html4 = "<div id=mapwindow_b><strong>市営地下鉄広瀬通駅</strong><br />市営地下鉄広瀬通駅より<br />徒歩 約3分</div>";
GEvent.addListener(marker4, "click", function() {marker4.openInfoWindowHtml(html4);});
var marker5 = new GMarker(new GPoint(140.8721762895584, 38.265438157988065));
var html5 = "<div id=mapwindow_b><strong>市営地下鉄勾当台公園駅</strong><br />市営地下鉄勾当台公園駅より<br />徒歩 約5分</div>";
GEvent.addListener(marker5, "click", function() {marker5.openInfoWindowHtml(html5);});
var marker5 = new GMarker(new GPoint(140.8721762895584, 38.265438157988065));
var html5 = "<div id=mapwindow_b><strong>市営地下鉄勾当台公園駅</strong><br />市営地下鉄勾当台公園駅より<br />徒歩 約5分</div>";
GEvent.addListener(marker5, "click", function() {marker5.openInfoWindowHtml(html5);});
var marker6 = new GMarker(new GPoint(140.87447226047516, 38.263464868546656));
var html6 = "<div id=mapwindow_b><strong>江陽グランドホテル</strong></div>";
GEvent.addListener(marker6, "click", function() {marker6.openInfoWindowHtml(html6);});
var marker7 = new GMarker(new GPoint(140.87453931570053, 38.26424408209429));
var html7 = "<div id=mapwindow_b><strong>仙台中央斎場清月記</strong></div>";
GEvent.addListener(marker7, "click", function() {marker7.openInfoWindowHtml(html7);});
//GPolyline
var points = [];
points[0] = new GLatLng(38.2646020, 140.8747726);
points[1] = new GLatLng(38.2641766, 140.8743005);
points[2] = new GLatLng(38.2634606, 140.8777821);
points[3] = new GLatLng(38.2608660, 140.8792948);
points[4] = new GLatLng(38.2609039, 140.8812367);
points[5] = new GLatLng(38.2602973, 140.8819770);
var polyline = new GPolyline(points, "#0099FF",3,1);
var points = [];
points[0] = new GLatLng(38.2646020, 140.8747726);
points[1] = new GLatLng(38.2641766, 140.8743005);
points[2] = new GLatLng(38.2634606, 140.8777821);
points[3] = new GLatLng(38.2608660, 140.8792948);
points[4] = new GLatLng(38.2608239, 140.8787637);
var polyline2 = new GPolyline(points, "#33FF00",3,1);
var points = [];
points[0] = new GLatLng(38.2646020, 140.8747726);
points[1] = new GLatLng(38.2641766, 140.8743005);
points[2] = new GLatLng(38.2630120, 140.8750087);
points[3] = new GLatLng(38.2629783, 140.8746492);
var polyline3 = new GPolyline(points, "#FF0000",3,1);
var points = [];
points[0] = new GLatLng(38.2646020, 140.8747726);
points[1] = new GLatLng(38.2641766, 140.8743005);
points[2] = new GLatLng(38.2641198, 140.8735978);
points[3] = new GLatLng(38.2639513, 140.8729675);
points[4] = new GLatLng(38.2654381, 140.8721762);
var polyline4 = new GPolyline(points, "#FF6600",3,1);
//
map.addOverlay(marker);
map.addOverlay(marker2);
map.addOverlay(marker3);
map.addOverlay(marker4);
map.addOverlay(marker5);
map.addOverlay(marker6);
map.addOverlay(marker7);
map.addOverlay(polyline);
map.addOverlay(polyline2);
map.addOverlay(polyline3);
map.addOverlay(polyline4);
