function initialize() {
	//センター
    var base = new google.maps.LatLng(43.468868,142.56958);
    
    //札幌
    var latlng1 = new google.maps.LatLng(43.062366,141.353531);
    //札幌-大通公園
    var latlng2 = new google.maps.LatLng(43.132492,141.361084);
    //札幌-羊ヶ丘展望台

    var latlng3 = new google.maps.LatLng(42.999186,141.394558);
    //札幌-モエレ沼公園
    var latlng4 = new google.maps.LatLng(43.124605,141.429749);
    
    //札幌-百合が原公園
    var latlng5 = new google.maps.LatLng(43.129178,141.363745);
    //札幌-前田森林公園
    var latlng6 = new google.maps.LatLng(43.146026,141.2568);
    //札幌-平岡公園
    var latlng7 = new google.maps.LatLng(43.0054,141.464596);
    //札幌-屯田西公園
    var latlng8 = new google.maps.LatLng(43.131307,141.319799);
    //札幌-中山峠
    var latlng9 = new google.maps.LatLng(42.857909,141.097841);
    
    //富良野
    var latlng10 = new google.maps.LatLng(43.346154,142.378693);
    //石狩
    var latlng11 = new google.maps.LatLng(43.171508,141.315422);
    //小樽
    var latlng12 = new google.maps.LatLng(43.198419,140.993042);
    //函館
    var latlng13 = new google.maps.LatLng(41.769263,140.728683);
    //積丹
    var latlng14 = new google.maps.LatLng(43.336166,140.353088);
    
    //室蘭
    var latlng15 = new google.maps.LatLng(42.315909,140.974159);
    //当別
    var latlng16 = new google.maps.LatLng(43.224067,141.516609);
    //洞爺湖
    var latlng17 = new google.maps.LatLng(42.579883,140.85022);

    //三笠
    var latlng18 = new google.maps.LatLng(43.245703,141.874352);
    //望来
    var latlng19 = new google.maps.LatLng(43.316186,141.416874);
    //白老
    var latlng20 = new google.maps.LatLng(42.499694,141.178436);
//層雲峡
    var latlng21 = new google.maps.LatLng(43.7162791618341,142.97487258911133);

    var myOptions = {
      zoom: 6,
      center: base,
      mapTypeControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
     
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    var marker1 = new google.maps.Marker({
        position: latlng1,
        map: map,
        title:"札幌"
    });
    
    var marker2 = new google.maps.Marker({
        position: latlng2,
        map: map,
        title:"札幌-大通公園"
    });
    	
    var marker3 = new google.maps.Marker({
        position: latlng3,
        map: map,
        title:"札幌-羊ヶ丘展望台"
    });
    var marker4 = new google.maps.Marker({
        position: latlng4,
        map: map,
        title:"札幌-モエレ沼公園"
    });
    
    var marker5 = new google.maps.Marker({
        position: latlng5,
        map: map,
        title:"札幌-百合が原公園"
    });
    var marker6 = new google.maps.Marker({
        position: latlng6,
        map: map,
        title:"札幌-前田森林公園"
    });
    var marker7 = new google.maps.Marker({
        position: latlng7,
        map: map,
        title:"札幌-平岡公園"
    });
    var marker8 = new google.maps.Marker({
        position: latlng8,
        map: map,
        title:"札幌-屯田西公園"
    });
    var marker9 = new google.maps.Marker({
        position: latlng9,
        map: map,
        title:"札幌-中山峠"
    });
    
    var marker10 = new google.maps.Marker({
        position: latlng10,
        map: map,
        title:"富良野"
    });
    var marker11 = new google.maps.Marker({
        position: latlng11,
        map: map,
        title:"石狩"
    });
    var marker12 = new google.maps.Marker({
        position: latlng12,
        map: map,
        title:"小樽"
    });
    var marker13 = new google.maps.Marker({
        position: latlng13,
        map: map,
        title:"函館"
    });
    var marker14 = new google.maps.Marker({
        position: latlng14,
        map: map,
        title:"積丹"
    });
    
    var marker15 = new google.maps.Marker({
        position: latlng15,
        map: map,
        title:"室蘭"
    });
	var marker16 = new google.maps.Marker({
        position: latlng16,
        map: map,
        title:"当別"
    });
    var marker17 = new google.maps.Marker({
        position: latlng17,
        map: map,
        title:"洞爺湖"
    });
    
    var marker18 = new google.maps.Marker({
        position: latlng18,
        map: map,
        title:"三笠"
    });
    var marker19 = new google.maps.Marker({
        position: latlng19,
        map: map,
        title:"望来"
    });
    	var marker20 = new google.maps.Marker({
        position: latlng20,
        map: map,
        title:"白老"
    });
	var marker21 = new google.maps.Marker({
        position: latlng21,
        map: map,
        title:"層雲峡"
    });
    //ここも増やす

    function allCloce(){
    	mapwin1.close(map,marker1);
    	mapwin2.close(map,marker2);
    	
    	mapwin3.close(map,marker3);
    	mapwin4.close(map,marker4);
    	
    	mapwin5.close(map,marker5);
    	mapwin6.close(map,marker6);
    	mapwin7.close(map,marker7);
    	mapwin8.close(map,marker8);
    	mapwin9.close(map,marker9);
    	
    	mapwin10.close(map,marker10);
    	mapwin11.close(map,marker11);
    	mapwin12.close(map,marker12);
    	mapwin13.close(map,marker13);
    	mapwin14.close(map,marker14);
   
    	mapwin15.close(map,marker15);
    	mapwin16.close(map,marker16);
    	mapwin17.close(map,marker17);

    	mapwin18.close(map,marker18);
    	mapwin19.close(map,marker19);
    	mapwin20.close(map,marker20);
		mapwin21.close(map,marker21);

    }
    
    
    var mapwin1 = new google.maps.InfoWindow({
        content: "<p class='map_text'>札幌 [<a href='http://photock.jp/list/pl/sapporo/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0448.jpg' title='札幌' alt='札幌' class='map_photo' />"
        });
    google.maps.event.addListener(marker1, 'click', function() {
    	allCloce();
        mapwin1.open(map,marker1);
    });
    
    var mapwin2 = new google.maps.InfoWindow({
        content: "<p class='map_text'>大通公園 [<a href='http://photock.jp/list/pl/odoripark/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0369.jpg' title='大通公園' alt='大通公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker2, 'click', function() {
    	allCloce();
        mapwin2.open(map,marker2);
    });
    
    var mapwin3 = new google.maps.InfoWindow({
        content: "<p class='map_text'>羊ヶ丘展望台 [<a href='http://photock.jp/list/pl/hitsujigaoka/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0322.jpg' title='羊ヶ丘展望台' alt='羊ヶ丘展望台' class='map_photo' />"
        });
    google.maps.event.addListener(marker3, 'click', function() {
    	allCloce();
        mapwin3.open(map,marker3);
    });
    
    var mapwin4 = new google.maps.InfoWindow({
        content: "<p class='map_text'>モエレ沼公園 [<a href='http://photock.jp/list/pl/moerenuma/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0493.jpg' title='モエレ沼公園' alt='モエレ沼公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker4, 'click', function() {
    	allCloce();
        mapwin4.open(map,marker4);
    });
    
    var mapwin5 = new google.maps.InfoWindow({
        content: "<p class='map_text'>百合が原公園 [<a href='http://photock.jp/list/pl/yurigahara/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0627.jpg' title='百合が原公園' alt='百合が原公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker5, 'click', function() {
    	allCloce();
        mapwin5.open(map,marker5);
    });
    
    var mapwin6 = new google.maps.InfoWindow({
        content: "<p class='map_text'>前田森林公園 [<a href='http://photock.jp/list/pl/maedapark/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0222.jpg' title='前田森林公園' alt='前田森林公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker6, 'click', function() {
    	allCloce();
        mapwin6.open(map,marker6);
    });
    
    var mapwin7 = new google.maps.InfoWindow({
        content: "<p class='map_text'>平岡公園 [<a href='http://photock.jp/list/pl/hiraokapark/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0406.jpg' title='平岡公園' alt='平岡公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker7, 'click', function() {
    	allCloce();
        mapwin7.open(map,marker7);
    });
    
    var mapwin8 = new google.maps.InfoWindow({
        content: "<p class='map_text'>屯田西公園 [<a href='http://photock.jp/list/pl/tondennishi/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0300.jpg' title='屯田西公園' alt='屯田西公園' class='map_photo' />"
        });
    google.maps.event.addListener(marker8, 'click', function() {
    	allCloce();
        mapwin8.open(map,marker8);
    });
    
    var mapwin9 = new google.maps.InfoWindow({
        content: "<p class='map_text'>中山峠 [<a href='http://photock.jp/list/pl/nakayama/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0000.jpg' title='中山峠' alt='中山峠' class='map_photo' />"
        });
    google.maps.event.addListener(marker9, 'click', function() {
    	allCloce();
        mapwin9.open(map,marker9);
    });
    
    var mapwin10 = new google.maps.InfoWindow({
        content: "<p class='map_text'>富良野 [<a href='http://photock.jp/list/pl/hurano/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0092.jpg' title='富良野' alt='富良野' class='map_photo' />"
        });
    google.maps.event.addListener(marker10, 'click', function() {
    	allCloce();
        mapwin10.open(map,marker10);
    });
    
    var mapwin11 = new google.maps.InfoWindow({
        content: "<p class='map_text'>石狩 [<a href='http://photock.jp/list/pl/ishikari/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0619.jpg' title='石狩' alt='石狩' class='map_photo' />"
        });
    google.maps.event.addListener(marker11, 'click', function() {
    	allCloce();
        mapwin11.open(map,marker11);
    });
    
    var mapwin12 = new google.maps.InfoWindow({
        content: "<p class='map_text'>小樽 [<a href='http://photock.jp/list/pl/otaru/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0017.jpg' title='小樽' alt='小樽' class='map_photo' />"
        });
    google.maps.event.addListener(marker12, 'click', function() {
    	allCloce();
        mapwin12.open(map,marker12);
    });
    
    var mapwin13 = new google.maps.InfoWindow({
        content: "<p class='map_text'>函館 [<a href='http://photock.jp/list/pl/hakodate/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0026.jpg' title='函館' alt='函館' class='map_photo' />"
        });
    google.maps.event.addListener(marker13, 'click', function() {
    	allCloce();
        mapwin13.open(map,marker13);
    });
    
    var mapwin14 = new google.maps.InfoWindow({
        content: "<p class='map_text'>積丹 [<a href='http://photock.jp/list/pl/syakotan/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0133.jpg' title='積丹' alt='積丹' class='map_photo' />"
        });
    google.maps.event.addListener(marker14, 'click', function() {
    	allCloce();
        mapwin14.open(map,marker14);
    });
    
    var mapwin15 = new google.maps.InfoWindow({
        content: "<p class='map_text'>室蘭 [<a href='http://photock.jp/list/pl/muroran/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0199.jpg' title='室蘭' alt='室蘭' class='map_photo' />"
        });
    google.maps.event.addListener(marker15, 'click', function() {
    	allCloce();
        mapwin15.open(map,marker15);
    });
    
    var mapwin16 = new google.maps.InfoWindow({
        content: "<p class='map_text'>当別 [<a href='http://photock.jp/list/pl/toubetsu/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0598.jpg' title='当別' alt='当別' class='map_photo' />"
        });
    google.maps.event.addListener(marker16, 'click', function() {
    	allCloce();
        mapwin16.open(map,marker16);
    });
    
    var mapwin17 = new google.maps.InfoWindow({
        content: "<p class='map_text'>洞爺湖 [<a href='http://photock.jp/list/pl/touyako/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0032.jpg' title='洞爺湖' alt='洞爺湖' class='map_photo' />"
        });
    google.maps.event.addListener(marker17, 'click', function() {
    	allCloce();
        mapwin17.open(map,marker17);
    });

    var mapwin18 = new google.maps.InfoWindow({
        content: "<p class='map_text'>三笠 [<a href='http://photock.jp/list/pl/mikasa/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0084.jpg' title='三笠' alt='三笠' class='map_photo' />"
        });
    google.maps.event.addListener(marker18, 'click', function() {
    	allCloce();
        mapwin18.open(map,marker18);
    });
    
    var mapwin19 = new google.maps.InfoWindow({
        content: "<p class='map_text'>望来 [<a href='http://photock.jp/list/pl/mourai/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0613.jpg' title='望来' alt='望来' class='map_photo' />"
        });
    google.maps.event.addListener(marker19, 'click', function() {
    	allCloce();
        mapwin19.open(map,marker19);
    });
   	
   	var mapwin20 = new google.maps.InfoWindow({
        content: "<p class='map_text'>白老 [<a href='http://photock.jp/list/pl/shiraoi/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0211.jpg' title='白老' alt='白老' class='map_photo' />"
        });
    google.maps.event.addListener(marker20, 'click', function() {
    	allCloce();
        mapwin20.open(map,marker20);
    });
	
var mapwin21 = new google.maps.InfoWindow({
        content: "<p class='map_text'>層雲峡 [<a href='http://photock.jp/list/pl/souunkyo/'>写真一覧</a>]</p><img src='http://photock.jp/photo/thum/photo0000-0704.jpg' title='層雲峡' alt='層雲峡' class='map_photo' />"
        });
    google.maps.event.addListener(marker21, 'click', function() {
    	allCloce();
        mapwin21.open(map,marker21);
    });

  }
