Tôi đang cố gắng đưa video trên youtube vào Cửa sổ thông tin của Google Map (v3).Video trên YouTube trong Cửa sổ thông tin bản đồ của Google
Nó hoạt động tốt trong Firefox và Internet Explorer.
Nó không hoạt động trong Safari và Chrome. Trong các trình duyệt đó, vị trí tắt và video không di chuyển khi bạn di chuyển bản đồ. Video cũng bị cắt đôi khi.
Dưới đây là đoạn code mà nai
<!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>
Một ví dụ về nó làm việc tốt cho API Google Maps phiên bản 2 là ở đây http://www.virtualvideomap.com/
Cũng trong ngày http://maps.google.com Bạn có thể thấy youtube video bên trong Info Window làm việc trong Chrome và Safari bằng cách nhấp vào "Khác ..." ở trên cùng bên phải của bản đồ và sau đó chọn "Video".
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3160 –