姫路ラーメン屋MAP

fullscreen

yahoo_jp_1406609581182

GoogleMap上で姫路のラーメン屋を表示します。場所に表示されるアイコンを選択すると店舗情報を見ることができます。

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/

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://www.w3.org/2003/01/geo/wgs84_pos#lat"){
							tmp_data["lat"] = objValue;
						}else if(propValue == "http://www.w3.org/2003/01/geo/wgs84_pos#long"){
							tmp_data["lng"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s615i#GMAP"){
							tmp_data["gmap"] = objValue;
						}
					});
				});
				tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	
	//全データを地図上に表示

// 地図センター緯度経度の初期値は「姫路駅」
    var latlng = new google.maps.LatLng(34.827642 ,134.690849　);
    var myOptions = {
        zoom: 15,
    	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_name = tmp_name[1];
		data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].lng), content: point_name + '<br>' + all_data[i].gmap });
	};     
    // 地図上にウィンドウで表示
    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 this app as your new one download

Web Search

Contributor Send Message	yahoo_jp_1406609581182
Forked from (Parent App)	松本豊 's 横浜ランドマークタワーをのぞむMAP
Run count	375
Website
License
Fork count	0
Created date	Nov 25, 2014
Last update date	Dec 16, 2014

Forked from (Parent App)

横浜ランドマークタワーをのぞむMAP Contributor: 松本豊 Update: Feb 24, 2013 1963 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

姫路ラーメン屋MAP Contributor: yahoo_jp_1406609581182 Update: Dec 16, 2014
392 Downloads
,

1 Applications

himejiViewMap1

himeziMap

himezigooglemap
横浜ランドマークタワーをのぞむMAP Contributor: 松本豊 Update: Feb 24, 2013
1730 Downloads
,

12 Applications

YokohamaLandMarkTowerViewMap
Add New Data