的JavaScript。为什么Google地图没有显示?

时间:2014-06-12 15:47:43

标签: javascript jquery google-maps

我不确定我是否做了一些愚蠢的事情,但我的谷歌地图并没有显示在这个测试页面中。你能看到任何错误吗?

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/jquery.gomap-1.3.2.min.js"></script>
    <script>
        $(function() {
            $("#map").goMap({
                latitude: 56.948813,
                longitude: 24.104004,
                zoom: 6
            });
        });
    </script>
    <style>
        #map {
            width:700px;
            height:400px;
        }
    </style>
</head>
<body>
<div id="map">map goes here</div>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

我不确定goMaps是什么,但直接使用google maps API非常简单。以下应该做你想要的(没有去图):

$(function() {
    var mapOptions = {
        center: new google.maps.LatLng(56.948813, 24.104004),
        zoom: 6
    };

    var newMap = new google.maps.Map($("#map")[0], mapOptions);
});

JSFiddle - http://jsfiddle.net/4mRhB/3/

Google地图的完整文档可以是found here。祝你好运!