Question

我正在使用Google API在我的网站上显示地图，但显示不正确。

Api链接：https://developers.google.com/maps/documentation/javascript/reference

这是我调用google api的代码。

var latlng = new google.maps.LatLng(latitude, longitude);
var mapOptions = {
       zoom: 6,
       center: latlng,
       mapTypeId: google.maps.MapTypeId.ROADMAP,
       zoomControl: true,
       mapTypeControl: true,
       mapMaker:true
     };
var mapInstance = new google.maps.Map(document.getElementById("map"), mapOptions);
var marker = new google.maps.Marker({
      map:mapInstance,
      draggable:true,
      animation: google.maps.Animation.DROP,
      position: latlng
});

看到一条垂直的白线即将来临。如何删除那条线？

Answer 1

请确保您有完整的DOCTYPE例如

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

将body和html标记设置为100％高度

<style> 
html, body

{ height: 100%; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
</style>

出于好奇......这在所有浏览器中显示或仅在IE上显示。你能看看Firefox吗？

地图图像显示不正确

1 个答案: