gpt4 book ai didi

Google map 信息窗口中的 YouTube 视频

转载 作者:行者123 更新时间:2023-12-04 02:23:44 26 4
gpt4 key购买 nike

我正在尝试将 youtube 视频放入 Google map (v3) 信息窗口。

它在 Firefox 和 Internet Explorer 中运行良好。

它不适用于 Safari 和 Chrome。在这些浏览器中,定位关闭,移动 map 时视频不会移动。视频有时也会被切断。

这是代码

<!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>

Google Maps API 版本 2 工作正常的一个例子是这里 http://www.virtualvideomap.com/

也在 http://maps.google.com通过单击 map 右上角的“更多...”,然后选中“视频”,您可以在 Chrome 和 Safari 中的信息窗口中查看 youtube 视频。

最佳答案

关于Google map 信息窗口中的 YouTube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3694242/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com