谷歌地图不通过API显示

地图没有出现在页面上。我试图在页面上放置一张地图，然后添加一些标记并最终形成一种instagram混搭。但是，地图不显示，我不明白为什么。我尝试过很多东西，但都无济于事。 HTML：谷歌地图不通过API显示

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGrN5DdMYr-o1FGaF2bLF4Ub2VZqIrguA"></script> 

<script type="text/javascript" src='application.js'></script> 


</head> 

<body> 
    <div id="map-canvas" style="height:500px; width:500px;"> 

    </div> 

</body> 
</html>

JavaScript是：

jQuery(document).ready(function(){ 

    var markers = new Array(); 


    function initialize(){ 
     var mapOptions = { 
      zoom: 3, 
      center: new google.maps.LatLng(38.9047, 77.0164), 
      mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById('map-canvas') , mapOptions); 

    } 
});

的地图不显示。我没有收到任何错误。

来源

2016-03-15 bamabacho

你没有调用你的函数。您需要在函数后面的某处添加initialize();来调用它。就个人而言，我会的功能移到.ready()之外，只有把调用它在那里，像这样：

var markers = new Array(); 
function initialize() { 
    var mapOptions = { 
    zoom: 3, 
    center: new google.maps.LatLng(38.9047, 77.0164), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

} 

jQuery(document).ready(function() { 
    initialize(); // call the function on page load 
});

见http://jsfiddle.net/DelightedDoD/yvrr704t/1/

来源

2016-03-15 00:10:00 DelightedD0D

谷歌地图不通过API显示

回答

相关问题