为什么我的谷歌地图中的地图不与其容器对齐?
Why doesn't the map in my Google map line up with it's container
我已经添加了一个地图到我的一个页面,但内容不与容器对齐,我尝试了相同的地图在一个独立的页面,它工作得很好。
地图呈现如下:在这里输入链接描述
地图实际上是在伦敦的中心,所以它看起来像和耻辱的问题,但我还没有能够解决它。下面是创建映射的函数:
function loadMap(){
geocoder = new google.maps.Geocoder();
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
thisLocation = results[0].geometry.location;
console.log("location = " + thisLocation);
var tagem = new google.maps.LatLng(thisLocation);
var mapProp = {
center:new google.maps.LatLng(51.51121389999999, -0.11982439999997041),
zoom:5,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
marker = new google.maps.Marker({position:tagem,animation:google.maps.Animation.BOUNCE});
marker.setMap(map);
}else{
console.log('Geocode was not successful for the following reason: ' + status);
}
});
}
看起来你只需要告诉地图调整大小。将此添加到loadMap()函数的末尾:
google.maps.event.trigger(map, "resize");
相关文章:
- 谷歌地图标记对Ionic Bundle引用没有响应
- 谷歌地图 API v3.0 保存对标记的引用
- 对谷歌地图v3 API getDetails()函数感到困惑
- 如何在不与谷歌地图重叠的情况下对标记进行聚类
- 谷歌地图输入框自动完成对我不起作用
- 谷歌地图使用变量作为URL对AJAX进行地理编码
- 使用 setTimeout() 函数对谷歌地图折线进行动画处理
- 谷歌地图 api v3 对多个地址进行地理编码
- 谷歌地图 禁用用户对所有事件的平移
- 取消之前对谷歌地图地理编码方法的调用
- 谷歌地图API - 对国家进行地理编码,然后在单击时缩放到国家边界
- 谷歌地图API Javascript上的对齐
- 将谷歌地图设置为加载时对邮政编码进行地理编码
- 在谷歌地图上对地理位置进行地理编码会产生错误
- 为什么我的谷歌地图中的地图不与其容器对齐?
- 如何启用谷歌地图控制器(对,对.等箭)
- 谷歌地图API -地图.setCenter似乎没有对用户位置居中
- 在谷歌地图信息窗口中对齐2个DIV's
- 如何在谷歌地图上使用纬度移动标记;经度对,每10秒刷新一次
- 如何在谷歌地图上获取用户对他/她绘制的边界的输入