北海道森町

「森らいす」マップ

『森らいす』とは 1.北海道森町オリジナルのハヤシライスとする。 2.北海道森町産のトマト、ほたて、豚肉を用いる。 3.ワンプレートにルーとライスを盛り付ける。 4.ルーにトマトを用いる。 5.ライスを駒ヶ岳型にする。という５つのルールにのっとって、森町内の飲食店・宿泊施設９軒が提供する新ご当地グルメです!!! 函館から車で約1時間。函館空港でレンタカーを借りて、風光明媚な北海道森町にドライブ!!

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

var all_data;        
function initialize(){
	all_data = new Array();
	// データをLinkDataから取得 
	tmp_a_data = new Array();
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		//$("#result").append("<h3>Work: " + workValue + "</h3>");
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var tmp_data = {}
				tmp_data["name"] = subjValue;
				$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
					$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
						if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#緯度"){
							tmp_data["緯度"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#経度"){
							tmp_data["経度"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#名称"){
							tmp_data["名称"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#開始時間"){
							tmp_data["開始時間"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#終了時間"){
							tmp_data["終了時間"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#住所"){
							tmp_data["住所"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#電話番号型"){
							tmp_data["電話番号型"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#価格"){
							tmp_data["価格"] = objValue;
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#Webサイト"){
							tmp_data["Webサイト"] = objValue;														
						}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#備考"){
							tmp_data["備考"] = objValue;								}else if(propValue == "http://imi.ipa.go.jp/ns/core/rdf#画像"){
							tmp_data["画像"] = objValue;						
						}
					});
				});
				tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	
	//全データを地図上に表示

// 地図センター緯度経度の初期値は「森町役場」
    var latlng = new google.maps.LatLng(42.1008013,140.5702147);
    var myOptions = {
        zoom: 11,
    	center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
    };
    var map = new google.maps.Map(document.getElementById("result"), myOptions);
	// ウィンドウに表示するデータをつくる
var data = new Array();
	for (var i in all_data){ 
		var value = decodeURI(all_data[i].name);
		var tmp_name = value.split("#");
		var point_web = all_data [i].Webサイト;
		var point_name = '<a href="' + point_web + '" target="_blank">'+ all_data [i].名称 +'</a>';
		var point_address = all_data [i].住所;
		var point_tel = '<a href="tel:' + all_data [i].電話番号型 + '">'+ all_data [i].電話番号型 +'</a>';
		var point_googlemap = '<a href="http://maps.google.com/maps?q=' + all_data [i].緯度+','+  all_data [i].経度 + '">Google Mapを起動する</a>';		
		var point_price = all_data [i].価格;
		var point_description = all_data [i].備考;
		var point_pics = all_data [i].画像;
		var point_s = all_data [i].開始時間;
		var point_e = all_data [i].終了時間;
		data.push({position: new google.maps.LatLng(all_data[i].緯度, all_data[i].経度), content: '<div id="menu"><h4>「森らいす」のあるお店</h4>' + '<img border="0" src="' + point_pics + '"width="150px" >'+ '<strong class="shopname">'+ point_name + '</strong>' + '※リンク先は食べログ・ぐるなび<br />' + '<strong>住所:</strong>森町字' + point_address + '<br /><strong>電話番号:</strong>' +  point_tel+ '<br /><strong>営業時間:</strong>' +  point_s +'から'+  point_e + '<br /><strong>価格:</strong>' +  point_price + '円' + '<br /><strong>備考:</strong>'+point_description +'<br /><strong>ナビを利用:</strong>' + point_googlemap +'</div>'});

};     
    // 地図上にウィンドウで表示
    for (i = 0; i < data.length; i++) {
         var marker = new google.maps.Marker({
            position: data[i].position,
            map: map
        });
        attachMessage(marker, data[i].content);
    };
};

// 地図のマーカーをクリックするとウィンドウを表示する処理
function attachMessage(marker, msg) {
	google.maps.event.addListener(marker, 'click', function(event) {
    	new google.maps.InfoWindow({
			content: msg
        }).open(marker.getMap(), marker);
    });
};

window.onload = function() {
    $(function(){
    	initialize();        
    });	
};

Initial content

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	ハウモリ
Fork元のアプリ	松本豊 's 横浜ランドマークタワーをのぞむMAP
実行回数	576
ウェブサイト
ライセンス
Fork count	0
作成日	2015年7月7日
最終更新日	2015年7月9日