サンプルデモマップ／Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させる

スポンサードリンク

サンプルデモマップ／Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させる

Posted by 管理人 on 2011年4月17日 Leave a comment (0) Go to comments

Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させるサンプル

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="langOpen" xml:lang="langOpen">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" /> 
<title>パノラミオのオーバーレイヤー</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=panoramio"></script> 
<script type="text/javascript"> 

function initialize() 
{
	var center= new google.maps.LatLng(35.66552, 139.73085);
	var myOptions = 
	{
	zoom: 12,
	center: center,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};

	var map = new google.maps.Map(document.getElementById("map_panoramio"),myOptions);

	var panophoto = new google.maps.panoramio.PanoramioLayer();

	panophoto.setMap(map);

}

window.onload = initialize;

</script> 
</head> 
<body > 
<div id="map_panoramio" style="width: 740px; height: 400px; "></div> 
</body> 
</html>