神奈川県横浜市

forked:横浜ランドマークタワーをのぞむMAP

fullscreen

Naoya Yamashita

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(35.454657441661645,139.6315097808838);
    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();        
    });	
};

初期コンテンツ

Fork this app as your new one download

Web Search

Contributor Send Message	Naoya Yamashita
Forked from (Parent App)	Naoya Yamashita 's forked:横浜ランドマークタワーをのぞむMAP
Run count	161
Website
License
Fork count	0
Created date	Dec 16, 2014
Last update date	Dec 16, 2014

Forked from (Parent App)

forked:横浜ランドマークタワーをのぞむMAP Contributor: Naoya Yamashita Update: Dec 16, 2014 216 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: 松本豊 Update: Feb 24, 2013
1730 Downloads
,

12 Applications

YokohamaLandMarkTowerViewMap
Add New Data

News Feed

linkdata.org に関するツイート

Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

forked:横浜ランドマークタワーをのぞむMAP

Application

Forked from (Parent App)

News Feed