谷歌地图显示灰色，但在调整浏览器大小时工作
嘿。谷歌地图在浏览器中显示为灰色，但可以在右下角看到标记和谷歌徽标。已经尝试过调整大小功能，但仍然无法工作。我正在使用引导。
我可以看到它在这里工作，但它不工作。
谢谢你的帮助。
function initialize() {
var myOrigin = new google.maps.LatLng(56.63914, 9.79765);
var mapProp = {
center: myOrigin,
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var myCenter = new google.maps.LatLng(56.157165, 10.207644);
var marker = new google.maps.Marker({
position: myCenter,
title: 'Click to zoom'
});
marker.setMap(map);
var myCenter2 = new google.maps.LatLng(57.04661, 9.924479);
var marker2 = new google.maps.Marker({
position: myCenter2,
title: 'Click to zoom'
});
marker2.setMap(map);
/*On marker click, it zooms to 19*/
google.maps.event.addListener(marker, 'click', function () {
map.setZoom(19);
map.setCenter(marker.getPosition());
});
google.maps.event.addListener(marker2, 'click', function () {
map.setZoom(19);
map.setCenter(marker2.getposition());
});
}
google.maps.event.addDomListener(window, 'load', initialize);#googleMap {
height:350px;
width:100%;
}<body>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div id="googleMap"></div>
</div>
<script src="http://maps.googleapis.com/maps/api/js"></script>
</body>共有1个答案
如果您检查JavaScript的入门：
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>
如果您在标准计划下使用API，则必须使用在您选择的项目中设置的浏览器键（API键的一种类型）。请参阅有关标准API的API键的更多信息。
-
我已经阅读了很多关于这个问题的文章，但是没有什么能解决我的问题。我有一个标签上的谷歌地图，最初是隐藏的网页加载时，希望得到一些帮助，请。以下是完整的代码： 我就是不能让它工作。如果有人看到有帮助的东西，请回复。谢啦 编辑：将元素选择器更改为类，并将我的链接更改为类而不是ID，现在它至少会选择它。我在firebug中得到一个错误，“mymap未定义”。
-
我想说我有一个相当简单的问题，这让我发疯。在我的客户网页上http://alminde-akupunktur.dk/ 在登录页面的底部，我使用谷歌地图作为背景。在我更新GoogleMapsAPI之后，地图变成了灰色，我还没有解决这个问题，控件和标记仍在显示。 有人能给我指出问题所在的正确方向吗？是我的CSS干扰了谷歌地图的呈现方式？ 提前谢谢
-
我有一个带有InfoBoxes的谷歌地图。infoBox有一个功能，可以在显示后更改infoBox的大小。 但是，当内容大于最初显示的内容时，这会导致infoBox流出地图。是否有方法调用infoBox panBox功能，以便infoBox在地图中再次自我修改，就像打开时一样？ 单击infobox查看问题 我的代码示例，因为我不允许在没有一些代码的情况下显示小提琴：）
-
问题内容： 调整浏览器窗口大小时，有什么方法可以调整jqGrid的大小？我已经尝试过这里描述的方法，但是该技术在IE7中不起作用。 问题答案： 作为后续措施： 由于不可靠，本文中显示的先前代码最终被放弃了。我现在按照jqGrid文档的建议使用以下API函数调整网格大小： 为了进行实际的大小调整，将实现以下逻辑的函数绑定到窗口的resize事件： 使用其父级的clientWidth和（如果不可用）o
-
我使用数组/循环从一个名为gallery（Wordpress）的自定义字段获取图像。检索到的图像未调整大小，这意味着它们的最大宽度为150px，最大高度为150px。现在我想知道如何自动让这些图像适应浏览器的大小。Chrome做得很好，但IE和FF做不到。当我设置img{width:100%；}调整大小是可行的，但是图像本身的大小是错误的，你可以想象得到。 是否有其他可能让图像自动调整到浏览器大小