3

我刚开始使用 googlemaps api。当我打开页面时,它总是给我同样的错误消息,上面写着“资源解释为图像但使用 MIME 类型文本/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>

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

4

2 回答 2

0

您正在为mapDIV 分配相对宽度和高度,但您还需要为父元素(即 html 和 body)分配绝对或相对宽度和高度。

例子:

html, body, #map {
  width: 100%;
  height: 100%;
}
于 2012-04-11T02:22:52.897 回答
0

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

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

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

它会起作用的。

于 2012-05-22T18:30:43.360 回答