function initMap() {
    var mapData = [
	{lat:24.337083,lng:124.154598,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'Charging Station: GO SHAR (seaport terminal)',address:'1 Misaki-cho, Ishigaki-shi, Okinawa<br/>24h'},
	{lat:24.462828,lng:124.142712,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'Charging Station: Kabira',address:'830-3 Kabira, Ishigaki-shi, Okinawa<br/>24h',mapImage:'map_infowindow_img3.jpg'},
	{lat:24.506876,lng:124.279648,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'Charging Station: Ibaruma',address:'35-24 Ikeda, Ibaruma, Ishigaki-shi(inside Funakuya Fishing Port)<br/>24h',mapImage:'map_infowindow_img4.jpg'},
	{lat:24.337110,lng:124.155460,icon:'mrk_rental_off.png',iconOn:'mrk_rental_on.png',iconH:47,name:'GO SHARE<br/>(Seaport terminal Anei Kanko Counter)',address:'1 Misaki-cho, Ishigaki-shi, Okinawa<br/>9:00−18:00'},
	{lat:24.341361,lng:124.192177,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:47,name:'Don Quixote',address:'Ishigaki Ohama-takadabaru 462-1<br/>24h',mapImage:'map_infowindow_img5.jpg'},
	{lat:24.388372,lng:124.244509,icon:'mrk_double_off.png',iconOn:'mrk_double_on.png',iconH:47,name:'OTS RENT-A-CAR',address:'222-35, Moriyama, Ishigaki, Okinawa <br/>9:00−18:00<br/>TEL0980-84-4323<br/>Access:free transportation service from and to Shin-Ishigaki airport'},
    ]
    var mapCenter = {lat:24.423181,lng:124.197599};
    var mapOptions = {
	zoom: 12,
	center: mapCenter
    };
    $ (function(){
	if($('body').hasClass('sp')){
	    mapOptions.zoom = 10;
	}
	var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
	var marker = [];
	var infowindow = [];
	var CurrentMarkerNo = -1;
	var openedInfowindow;
	var onMarker;
	var orgimage = [];
	for(i = 0;i < mapData.length;i++){
	    var image = {url:'/common/image/'+mapData[i].icon,scaledSize: new google.maps.Size(36,mapData[i].iconH)};
	    orgimage[i]	= image;
	    marker[i] = new google.maps.Marker({
		position: {lat:mapData[i].lat,lng:mapData[i].lng},
		map: map,
		icon: image
	    });
	    if(mapData[i].mapImage){
		var content = '<div class="infoBox"><dt>'+mapData[i].name+'</dt><dd>'+mapData[i].address+'</dd><img src="/common/image/en/'+mapData[i].mapImage+'"></div>'
	    }else{
		var content = '<div class="infoBox"><dt>'+mapData[i].name+'</dt><dd>'+mapData[i].address+'</dd></div>'
	    }
	    infowindow[i] = new google.maps.InfoWindow({
		content: content,
		maxWidth: 300
	    });
	    
	    markerClick(i);
	    // markerClose(i);
	}
	map.addListener( "click", function ( argument ) {
	    openedInfowindow	= null;
		    for(var i = 0; i < mapData.length; i++){
			infowindow[i].close();
			marker[i].setIcon(orgimage[i]);
		    }
	} ) ;
	function markerClick(n){
	    marker[n].addListener('click',function(){
		
		if (openedInfowindow !== infowindow[n]) {
		    for(var i = 0; i < mapData.length; i++){
			marker[i].setIcon(orgimage[i]);
		    }
		    if (openedInfowindow) {
			openedInfowindow.close();
		    }
		    openedInfowindow = infowindow[n];
		    onMarker = marker[n];
		    var onImage = {url:'/common/image/'+mapData[n].iconOn,scaledSize: new google.maps.Size(36,mapData[n].iconH)};
		    marker[n].setIcon(onImage);
		    infowindow[n].open(map, marker[n]);
		    var iwOuter = $('.gm-style-iw');
		    iwOuter.parent().addClass('custom-iw');
		}
		else if (openedInfowindow == infowindow[n]) {
		    if (openedInfowindow) {
			openedInfowindow.close();
			openedInfowindow	= null;
		    }
		    if(onMarker){
			onMarker	= null;
			marker[n].setIcon(orgimage[n]);
		    }
		}
	    });

	    var timeoutID;
	    window.onresize = function() {
		if (timeoutID) clearTimeout(timeoutID);
		timeoutID = setTimeout(function() {
		    map.panTo(mapCenter);
		}, 200);
	    }
	}
    });
}