Application Information

神奈川県横浜市

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

fullscreen

Yusuke Mizuguchi

GoogleMapストリートビューから見ることができる、横浜ランドマークタワーの画像を地図上に表示しました。

Rating

useful

Select the work and file name from the given list

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

forked:横浜ランドマークタワーをのぞむMAP
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false

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

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

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

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

[フレーム]

/*
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

Fork original application has been updated.

Original application has been updated.

Web Search

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

Forked from (Parent App)

forked:横浜ランドマークタワーをのぞむMAP Contributor: Naoya Yamashita Update: Dec 16, 2014 226 runs

"" Entry to community completed successfully.
Your LinkData application will be published by the community manager.

Please select a category from a community and click entry.

→ tutorial

Do you want to delete this application?

Input Data
Related Ideas

This application does not using any data or contains private/limited data.

No Idea(s) referring this application

Create new idea

News Feed

linkdata.org に関するツイート