サンプルデモマップ／地図に表示させるパノラミオ（panoramio）写真をタグで指定する。

スポンサードリンク

サンプルデモマップ／地図に表示させるパノラミオ（panoramio）写真をタグで指定する。

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

地図に表示させるパノラミオ（panoramio）のサムネイルをタグ指定するサンプル

<?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.setTag('駅');
	panophoto.setMap(map);

}
 
window.onload = initialize;

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