map - div元素。

Question

我试图在我的网站上添加一个包含jQuery的简单谷歌地图。我得到的唯一错误是：

GET http://code.jquery.com/jquery.min.map 404 (Not Found)

以下是相关的代码部分，头部的所有插件：

<!--jquery ,js scripts  -->
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <!--js scripts -->
    <script src="jsCode.js"></script> 
    <script src ="sirJson.js"></script>
    <!--gMap plugin API -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src = "gmap.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

Javascript代码：

$( document ).ready(function() {
        var map = new GMaps({
        el: '#map',
        lat: 51.5073346,
        lng: -0.1276831,
        zoom: 12,
        zoomControl : true,
        zoomControlOpt: {
        style : 'SMALL',
        position: 'TOP_LEFT'
        },
    panControl : false,
    });

最后我的html，地图的jQuery div：

<div data-role="main" class="ui-content">
        <div id="map"></div>
    </div>

修正了错误 - jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)

但地图仍未显示在地图页面中。

JS代码：

$( document ).ready(function() {
        var map = new GMaps({
        el: '#map',
        lat: 51.5073346,
        lng: -0.1276831,
        zoom: 12,
        zoomControl : true,
        zoomControlOpt: {
        style : 'SMALL',
        position: 'TOP_LEFT'
        },
    panControl : false,
    });

map - div元素。

Answer 1

我建议您查看this它会清楚地解释该错误是什么

修改

更具体。你要做的就是摆脱这个错误如下（我将使用jquery v1.11.0）：

下载地图文件和jQuery的未压缩版本。将它们与缩小版本（相同的文件夹）放在一起。您可以全部获取here

将缩小（仅缩小版）的版本包含在HTML中（标题中的脚本标记）。

检查首选的js调试控制台，确保错误消失。

希望这会让事情更加清晰。
祝你好运。

Answer 2

为什么使用2个jquery脚本。

首先只使用以下

中的一个脚本

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

你的最终脚本结构将是这样的：

 <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <!--js scripts -->
    <script src="jsCode.js"></script> 
    <script src ="sirJson.js"></script>
    <!--gMap plugin API -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src = "gmap.js"></script>

Answer 3

jQuery包含sourceMappingURL，可以更轻松地调试缩小代码，您可以从http://code.jquery.com/jquery-1.9.1.min.map获取地图文件。

Gmap，jQuery和谷歌地图

map - div元素。

3 个答案: