javascript - Jquery 谷歌地图不显示

Question

这是一个非常简单的，但我不能让它工作，这是我的代码：http: //jsfiddle.net/DYfbg/38/

// Map Display v0.1
//
// Future Improvements
// Only display if co-ordinates in URL

$(document).ready(function() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions)
}

我试图从“中心”定义开始。有什么想法吗？​</p>

Answer 1

你缺少结尾 ); 在您的代码末尾。所以它会抛出一个错误并且永远不会被触发。

$(document).ready(function() {
var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions)
});

http://jsfiddle.net/nxtwrld/DYfbg/39/