Google地图背景图片无法在浏览器

Question

我正在使用JavaScript在我的网页上实施Google地图。这里我的问题是地图随marker而来，但它的背景图像根本没有显示。屏幕截图如下所示。

我正在解释下面的代码。

<div id="dvMap" style="width:1000px; height:1000px;"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>



<script>
    var markers = [{"lat":"20.295728","lng":"85.844990"},{"title":"shilparamam","lat":"20.295728","lng":"85.844990","description":"Mumbai formerly Bombay, is the capital city of the Indian state of Maharashtra."}];
    window.onload = function () {
    var mapOptions = {
    center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
    var infoWindow = new google.maps.InfoWindow();
    var lat_lng = new Array();
    var latlngbounds = new google.maps.LatLngBounds();
    for (i = 0; i < markers.length; i++) {
    var data = markers[i]
    var myLatlng = new google.maps.LatLng(data.lat, data.lng);
    lat_lng.push(myLatlng);
    var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: data.title
    });
    latlngbounds.extend(marker.position);
    (function (marker, data) {
    google.maps.event.addListener(marker, "click", function (e) {
    infoWindow.setContent(data.description);
    infoWindow.open(map, marker);
    });
    })(marker, data);
    }
    map.setCenter(latlngbounds.getCenter());
    map.fitBounds(latlngbounds);
    }
    </script>

此处我需要Google地图的清晰背景图片。

Answer 1

为什么不使用简单的iframe而不是这么长的脚本？下面的链接为您提供了一个简单的步骤来获取iframe代码，您需要使用html div将其嵌入到项目或网站中。 http://www.dummies.com/web-design-development/site-development/how-to-embed-a-google-map-with-iframe/