我正在嘗試將YouTube視頻放入Google地圖(v3)信息窗口中。YouTube視頻在Google地圖信息窗口中
它在Firefox和Internet Explorer中正常工作。
它確實不是在Safari和Chrome中工作。在這些瀏覽器中,定位功能關閉,移動地圖時視頻不會移動。視頻有時也會被切碎。
這裏是能源部
<!doctype html>
<html>
<head>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var map;
function initialize() {
latlng = new google.maps.LatLng(33.4222685, -111.8226402)
myOptions = {
zoom: 4,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"),myOptions)
var point = new google.maps.LatLng(33.4222685, -111.8226402);
var marker = new google.maps.Marker({
position: point,
map: map
})
google.maps.event.addListener(marker, "click", function(){
bubble = new google.maps.InfoWindow({
content: '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UmFjNiiVk9w?fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UmFjNiiVk9w?fs=1" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
})
bubble.open(map, marker);
})
}
</script>
</head>
<body onload="initialize();">
<div id="map" style="width: 984px; height: 495px"></div>
</div>
</body>
</html>
它的一個例子在谷歌地圖API第2版做工精細的代碼是在這裏http://www.virtualvideomap.com/
同樣在http://maps.google.com你可以看到裏面的信息窗口工作YouTube視頻在Chrome和Safari中點擊地圖右上角的「更多...」,然後選中「視頻」。
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3160 – 2011-05-06 03:54:35