神奈川県横浜市

松江市観光MAP

fullscreen

小川　裕太

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/rdf1s619i#GMAP"){
							tmp_data["gmap"] = objValue;
						}
					});
				});
				tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	
	//全データを地図上に表示

// 地図センター緯度経度の初期値は松江駅
    var latlng = new google.maps.LatLng(35.464077,133.063857);
    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	小川　裕太
Forked from (Parent App)	松本豊 's 横浜ランドマークタワーをのぞむMAP
Run count	502
Website
License
Fork count	2
Created date	Jun 21, 2013
Last update date	Jul 26, 2013