Question

我刚开始使用googlemaps api。当我打开页面时，它总是给我相同的错误信息，这说 “资源解释为图像，但使用MIME类型text / html传输”。并且在页面上看不到任何内容。

我完全不知道如何弄清楚是什么问题.. 我在下面粘贴我的代码。谢谢你的帮助。

----------我的代码来自这里--------------------------------- -----------

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charaset="utf-8">
<title>Googlemap</title>
<script src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
<style>
    #map {
            width: 100%;
            height: 100%;
            }
</style>
</head>
<body>
<div id="map"></div>
<script>
    var latlng = new google.maps.LatLng(35.66, 139.69);
    var options = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map'), options);
</script>

</body>
</html>

----------我的代码直到这里--------------------------------- -----------

Answer 1

您要为map DIV指定相对宽度和高度，但您还需要为父元素（即html和body）指定绝对或相对宽度和高度。

示例：

html, body, #map {
  width: 100%;
  height: 100%;
}

Answer 2

请使用此代码作为示例代码并遵循它，请不要忘记下载相同代码中提到的default.css。

https://google-developers.appspot.com/maps/documentation/javascript/examples/circle-simple

转到此链接并按 Ctrl + U 查看此页面的来源，然后使用.html扩展名进行保存。

它会起作用。

googlemaps api响应错误消息“资源解释为图像但使用MIME类型text / html传输”

2 个答案: