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);
}
}
});
}