小编Jon*_*ono的帖子

初始化地图后,Google Maps v3会调整缩放级别

我正在初始化谷歌地图并定期(每30秒)在地图上更新标记/信息窗口.我正在使用Bounds自动放大,但确保所有标记/ infowindows都可见.

我的问题是,infowindows被放置在地图的边缘并经常被切断.因此,每次更新地图时,我都需要缩小"1".我可以使用'map.zoom'来确定当前的缩放级别并重新计算新的期望值,但我不知道如何设置这个新值.
缩放参数只能在初始化地图时设置吗?

当然这很简单?

以下是我的"更新"功能;

function updatePage() {
//clear current markers
clearOverlays();

var location1 = new google.maps.LatLng(team1data.lat, team1data.lon);
var location2 = new google.maps.LatLng(team2data.lat, team2data.lon);
var bounds = new google.maps.LatLngBounds();
bounds.extend(location1);
bounds.extend(location2);
map.fitBounds(bounds);
var curZoom = map.zoom;
console.log(curZoom);
var newZoom = (curZoom - 1);
console.log(newZoom);



var infowindow1 = new google.maps.InfoWindow({
content: '<div style=\"height:100px;width:230px;font-size:12px;\"><span style="font-weight:bold;">' + team1data.user + ' (' + team1data.location + '): </span>' + team1data.tweet + '</div>'
});

var infowindow2 = new google.maps.InfoWindow({  
 content: '<div style=\"height:100px;width:230px;font-size:12px;\"><span style="font-weight:bold;">' +  team2data.user …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps zoom bounds

11
推荐指数
1
解决办法
3万
查看次数

在javascript变量中存储php $ _GET变量?

我使用$ _GET方法(team1,team2)将两条信息传递到php页面.我想在一些javascript中将它们用作变量.我怎样才能做到这一点?

谢谢

javascript php variables get

3
推荐指数
1
解决办法
1万
查看次数

防止同时播放HTML5视频和音频元素

使用HTML5我在页面上有2个音频元素和1个视频元素.很简单,我想添加JavaScript功能,以防止它们同时播放.我的主要问题是如何定位默认播放器的点击事件.HTML在下面,谢谢;

<section id="mp3Section">
<h2>MUSIC</h2>
<ul>
<li>Lovers Pass<audio id="audioLP" controls="controls" preload="auto" autobuffer>
<p class="redText">Sorry. Your browser does not support this audio element</p>
<source src="music/loversPass.mp3" />
<source src="music/loversPass.wav" />
</audio></li>

<li>All The Fun<audio id="audioATF" controls="controls" preload="auto" autobuffer="autobuffer">
<p class="redText">Sorry. Your browser does not support this audio element</p>
<source src="music/allTheFun.mp3" />
<source src="music/allTheFun.wav" />
</audio></li>
</ul>
</section>

<section id="videoSection">
<h2>Video</h2>
<video id="vidScreen" controls  poster="images/vidThumb.jpg">
<source src="videos/loversPassOGV.ogg"/>
<source src="videos/loversPassVid.mp4" />
</video>
</section>
Run Code Online (Sandbox Code Playgroud)

javascript audio video html5

1
推荐指数
1
解决办法
2232
查看次数

标签 统计

javascript ×3

audio ×1

bounds ×1

get ×1

google-maps ×1

html5 ×1

php ×1

variables ×1

video ×1

zoom ×1