function initMap() {
var mapData = [
// {lat:24.341015,lng:124.155225,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電Station:市役所',address:'沖縄県石垣市美崎町14
24h営業',mapImage:'map_infowindow_img2_1.jpg'},
{lat:24.337083,lng:124.154598,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電Station:離島ターミナルバイク駐車場',address:'沖縄県石垣市美崎町1番地
24h営業'},
{lat:24.462828,lng:124.142712,icon:'mrk_station_off.png',iconOn:'mrk_station_on.png',iconH:54,name:'充電Station:川平',address:'沖縄県石垣市川平830-3
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:'充電Station:伊原間',address:'石垣市伊原間池田35番24(船越漁港内)
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
(離島ターミナル安栄観光内)',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
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レンタカー新石垣空港前店',address:'沖縄県石垣市盛山222-35
営業時間9:00−18:00
TEL0980-84-4323
新石垣空港⇔営業所間無料送迎有り'},
]
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.405091,lng:124.145023,icon:'discount/sale20p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'石垣 やいま村',
address:'入場料20%割引',
link:'#discount_shop00',
mapImage:'discount/shop_map00.jpg'},
{lat:24.461300,lng:124.141834,icon:'discount/sale20p.png',iconOn:'discount/sale20p_on.png',iconH:44,name:'まりんはうすぐるくん',
address:'グラスボード20%割引',
link:'#discount_shop01',
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_shop02',
// 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_shop03',
// mapImage:'discount/shop_map03.jpg'},
{lat:24.361801,lng:124.154476,icon:'discount/sale10p.png',iconOn:'discount/sale10p_on.png',iconH:44,name:'石垣島鍾乳洞',
address:'入場料10%割引',
link:'#discount_shop04',
mapImage:'discount/shop_map04.jpg'},
{lat:24.564244,lng:124.287772,icon:'discount/salesp.png',iconOn:'discount/salesp_on.png',iconH:44,name:'石垣島サンセットビーチ',
address:'駐車代300円割引',
link:'#discount_shop05',
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);
}
}
});
}
function initMap_treasure() {
var mapData = [
{lat:24.3709446,lng:124.2461872,icon:'mark01_off.png',iconOn:'mark01_on.png',iconH:31,name:'新ヤラブ街道',
address:'発見難易度
★☆☆☆☆',
link:'#treasure01',
mapImage:'treasure/16.jpg'},
{lat:24.3737396,lng:124.2462087,icon:'mark02_off.png',iconOn:'mark02_on.png',iconH:31,name:'マンタ山',
address:'発見難易度
★★★☆☆',
link:'#treasure02',
mapImage:'treasure/23.jpg'},
{lat:24.3721759,lng:124.2321754,icon:'mark03_off.png',iconOn:'mark03_on.png',iconH:31,name:'ニライカナイへ続く道',
address:'発見難易度
★★☆☆☆',
link:'#treasure03',
mapImage:'treasure/15.jpg'},
{lat:24.373505,lng:124.2268512,icon:'mark04_off.png',iconOn:'mark04_on.png',iconH:31,name:'スゥスフツ(獅子口)',
address:'発見難易度
★★★☆☆',
link:'#treasure04',
mapImage:'treasure/10.jpg'},
/*
{lat:24.3536479,lng:124.2392939,icon:'mark05_off.png',iconOn:'mark05_on.png',iconH:31,name:'白保の三本木',
address:'発見難易度
★☆☆☆☆',
link:'#treasure05',
mapImage:'treasure/22.jpg'},
*/
/*
{lat:24.3577164,lng:124.2147249,icon:'mark06_off.png',iconOn:'mark06_on.png',iconH:31,name:'宮良浜川原のヤラブ並木',
address:'発見難易度
★☆☆☆☆',
link:'#treasure06',
mapImage:'treasure/13.jpg'},
*/
{lat:24.3459725,lng:124.2002356,icon:'mark07_off.png',iconOn:'mark07_on.png',iconH:31,name:'津波大石',
address:'発見難易度
★★☆☆☆',
link:'#treasure07',
mapImage:'treasure/20.jpg'},
{lat:24.3307963,lng:124.1706777,icon:'mark08_off.png',iconOn:'mark08_on.png',iconH:31,name:'八島日の出海岸',
address:'発見難易度
★★★★★',
link:'#treasure08',
mapImage:'treasure/02.jpg'},
{lat:24.3402908,lng:124.1626954,icon:'mark09_off.png',iconOn:'mark09_on.png',iconH:31,name:'フクギトンネル',
address:'発見難易度
★★★☆☆',
link:'#treasure09',
mapImage:'treasure/24.jpg'},
/*
{lat:24.3403373,lng:124.1634116,icon:'mark10_off.png',iconOn:'mark10_on.png',iconH:31,name:'ライオン岩',
address:'発見難易度
★★★☆☆',
link:'#treasure10',
mapImage:'treasure/17.jpg'},
{lat:24.3429106,lng:124.1619739,icon:'mark11_off.png',iconOn:'mark11_on.png',iconH:31,name:'雨やどりの福木',
address:'発見難易度
★★☆☆☆',
link:'#treasure11',
mapImage:'treasure/07.jpg'},
*/
{lat:24.349726,lng:124.1538629,icon:'mark12_off.png',iconOn:'mark12_on.png',iconH:31,name:'キジムナーの宿る森',
address:'発見難易度
★★★☆☆',
link:'#treasure12',
mapImage:'treasure/08.jpg'},
{lat:24.4025899,lng:124.1414738,icon:'mark13_off.png',iconOn:'mark13_on.png',iconH:31,name:'昔馬車道',
address:'発見難易度
★★☆☆☆',
link:'#treasure13',
mapImage:'treasure/12.jpg'},
{lat:24.4203951,lng:124.1335881,icon:'mark14_off.png',iconOn:'mark14_on.png',iconH:31,name:'石のバス停',
address:'発見難易度
★★☆☆☆',
link:'#treasure14',
mapImage:'treasure/01.jpg'},
{lat:24.4502579,lng:124.1349855,icon:'mark14_off.png',iconOn:'mark14_on.png',iconH:31,name:'石のバス停(ヨーン)',
address:'発見難易度
★★☆☆☆',
link:'#treasure14',
mapImage:'treasure/01.jpg'},
/*
{lat:24.432303,lng:124.1374531,icon:'mark15_off.png',iconOn:'mark15_on.png',iconH:31,name:'川平湾絶景テラス',
address:'発見難易度
★★★★★',
link:'#treasure15',
mapImage:'treasure/04.jpg'},
{lat:24.4388792,lng:124.118962,icon:'mark16_off.png',iconOn:'mark16_on.png',iconH:31,name:'とぅまた松ぬ道',
address:'発見難易度
★★☆☆☆',
link:'#treasure16',
mapImage:'treasure/03.jpg'},
{lat:24.4392039,lng:124.1183236,icon:'mark17_off.png',iconOn:'mark17_on.png',iconH:31,name:'親子とぅまた松',
address:'発見難易度
★★☆☆☆',
link:'#treasure17',
mapImage:'treasure/21.jpg'},
{lat:24.4404395,lng:124.1158211,icon:'mark18_off.png',iconOn:'mark18_on.png',iconH:31,name:'バナナロード',
address:'発見難易度
★★☆☆☆',
link:'#treasure18',
mapImage:'treasure/09.jpg'},
*/
{lat:24.4304861,lng:124.1115484,icon:'mark19_off.png',iconOn:'mark19_on.png',iconH:31,name:'ミーバイ岩',
address:'発見難易度
★★★★★',
link:'#treasure19',
mapImage:'treasure/18.jpg'},
{lat:24.499033,lng:124.2389774,icon:'mark20_off.png',iconOn:'mark20_on.png',iconH:31,name:'野底キノコ岩',
address:'発見難易度
★★★★☆',
link:'#treasure20',
mapImage:'treasure/19.jpg'},
{lat:24.5071652,lng:124.2832768,icon:'mark21_off.png',iconOn:'mark21_on.png',iconH:31,name:'ハート岩',
address:'発見難易度
★★★☆☆',
link:'#treasure21',
mapImage:'treasure/14.jpg'},
{lat:24.6049719,lng:124.3393457,icon:'mark22_off.png',iconOn:'mark22_on.png',iconH:31,name:'浦崎の楽園海プール',
address:'発見難易度
★★★★☆',
link:'#treasure22',
mapImage:'treasure/11.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/treasure/'+mapData[i].icon,scaledSize: new google.maps.Size(24,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/treasure/'+mapData[n].iconOn,scaledSize: new google.maps.Size(24,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);
}
}
});
}