function initMap() { var mapData = [ {lat:24.337083,lng:124.154598,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電站:離島船運中心摩托車停車場',address:'沖繩縣石垣市美崎町1
24小時'}, {lat:24.462828,lng:124.142712,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電站:川平',address:'沖繩縣石垣市川平830-3
24小時',mapImage:'map_infowindow_img3.jpg'}, {lat:24.506876,lng:124.279648,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電站:伊原間',address:'石垣市伊原間池田35-24(船越漁港內)
24小時',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
(離島船運中心安榮觀光)',address:'沖繩縣石垣市美崎町1
營業時間9:00–18:00'}, {lat:24.341361,lng:124.192177,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:47,name:'唐吉訶德',address:'沖繩縣石垣市大浜高田原462-1
24小時',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
營業時間9:00−18:00
電話:0980-84-4323
新石垣機場至營業所之間免費接送
※不提供港口接駁服務
交通訊息
距離新石垣機場2分鐘車程'}, ] 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 = '
'+mapData[i].name+'
'+mapData[i].address+'
' }else{ var content = '
'+mapData[i].name+'
'+mapData[i].address+'
' } 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); } } }); } function initMap_discount() { var mapData = [ {lat:24.336446,lng:124.182617,icon:'discount/sale5p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'炭火燒肉大', address:'5% OFF SALE', link:'#discount_shop00', mapImage:'discount/shop_map06.jpg'}, /* {lat:24.341467,lng:124.192111,icon:'discount/sale17p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'唐吉訶德驚安殿堂', address:'最高 17%OFF SALE', link:'#discount_shop01', mapImage:'discount/shop_map07.jpg'}, {lat:24.337231,lng:124.155325,icon:'discount/sale5p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'安榮觀光', address:'5% OFF SALE', link:'#discount_shop02', mapImage:'discount/shop_map08.jpg'}, */ {lat:24.405091,lng:124.145023,icon:'discount/sale20p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'石垣 八重山民俗村', address:'8折優惠入場', link:'#discount_shop03', mapImage:'discount/shop_map00.jpg'}, {lat:24.461300,lng:124.141834,icon:'discount/sale20p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'GURUKUN玻璃船', address:'8折優惠乘坐玻璃船', link:'#discount_shop04', mapImage:'discount/shop_map01.jpg'}, /* {lat:24.451405,lng:124.136923,icon:'discount/sale50y.png',iconOn:'discount/sale50y_on.png',iconH:44,name:'川平農園', address:'飲品50日圓折扣', link:'#discount_shop05', mapImage:'discount/shop_map02.1.jpg'}, {lat:24.510308,lng:124.283492,icon:'discount/sale100y.png',iconOn:'discount/sale100y_on.png',iconH:44,name:'ukA', address:'冰沙100日圓折扣', link:'#discount_shop06', mapImage:'discount/shop_map03.jpg'}, */ {lat:24.361801,lng:124.154476,icon:'discount/sale10p.png',iconOn:'discount/sale10p_on.png',iconH:44,name:'石垣島鍾乳洞', address:'九折優惠入場', link:'#discount_shop07', mapImage:'discount/shop_map04.jpg'}, {lat:24.564244,lng:124.287772,icon:'discount/salesp.png',iconOn:'discount/salesp_on.png',iconH:44,name:'石垣島SunsetBeach', address:'停車費300日圓折扣', link:'#discount_shop08', mapImage:'discount/shop_map05.jpg'}, ] var mapCenter = {lat:24.423181,lng:124.197599}; var mapOptions = { zoom: 11, 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 = '
'+mapData[i].name+'
'+mapData[i].address+'
細節請參照
' }else{ var content = '
'+mapData[i].name+'
'+mapData[i].address+'
' } infowindow[i] = new google.maps.InfoWindow({ content: content, maxWidth: 300 }); infowindow[i].addListener( "closeclick", function ( argument ) { openedInfowindow = null; for(var i = 0; i < mapData.length; i++){ infowindow[i].close(); marker[i].setIcon(orgimage[i]); } } ) ; 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); } } }); }