我对谷歌地图很陌生。我想要做的是设置一个地图，当单击 HTML 菜单时，该地图将以点为中心。
如果控件位于地图之外，我是否正确地说我不需要事件侦听器？
这是我在 head 部分的代码：
<script type="text/javascript">
function init() {
var myLatlng = new google.maps.LatLng(53.53562,-1.05642);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
//draw the map
var map = new google.maps.Map(document.getElementById("map"), myOptions);
//set up the marker
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
});
}
function resetMap(lat,long) {
var latlong = lat+","+long;
var newPos = new google.maps.LatLng(latlong)({
setCenter: latlong,
map: map,
zoom:15,
})
//add a marker
var marker = new google.maps.Marker({
position: myLatlng, …我在Chrome中使用三个项目时遇到问题.基本上,它是左边的图像,右边有两个div.问题是严重浮动的潜水正在下降到图像的底部.这是Chrome中的已知问题,我该如何解决？在IE,Opera,Safari和Firefox中似乎没问题......
这是代码:
<body>
<div id="container">
<div id="header">
<img src="image1.gif" width="320" alt="Logo"/>
<div id="social">
<img src="images/facebook_logo.png" alt="Facebook logo" width="25" />
<img src="images/twitter.png" alt="Twitter logo" width="25" />
</div>
<div id="review">
<img src="roundel1.gif" alt="Click here!" style="float:left; width:50px;"/><div>
FREE service!
</div>
</div>
</div>
</div>
</body>
</html>
和CSS:
* {
margin:0;
padding:0;
}
body {
background-image:url(../images/greenbg.png);
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:120%;
}
#container {
margin-left:auto;
margin-right:auto;
width:960px;
background-color:#FFF;
}
#header {
height:100px;
}
#header-image {
float:left;
}
/* flyout boxes */
#review {
float:right; …