Googlemaps api responds with the error message "Resource that is interpreted as an image but is transmitted with text of the MIME / html type"

I just started using googlemaps api. When I open the page, it always gives me the same error message, which says "The resource is interpreted as an image, but is transmitted with text like MIME / html." and nothing is visible on the page.

I do not know how to understand what is wrong. I embed my code below. Thank you for your help.

---------- my code is from here --------------------------------- ---- -------

<!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>

---------- my code is up to here --------------------------------- --- --------

+3
source share
2 answers

map DIV, (.. html body).

:

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

All Articles