javascriptjquerygoogle-mapsjquery-pluginsjquery-gmap3

Gmap , jQuery and google maps


I'm trying to add a simple google map to my website that include jQuery . The only error I get is :

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

And here are the relevant code parts , all the plugins in the head :

<!--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>

The Javascript code :

$( 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,
    });

And last my html, jQuery div for the map :

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

Fixed the error - jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)

But still the map doesn't show up in the map page .

JS code :

$( 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 element .


Solution

  • I suggest having a look at this It explains clearly what that error is about

    EDIT

    Being more specific. What you have to do to get rid of that error is as follows (I'm going to use jquery v1.11.0):

    1. Download the map file and the uncompressed version of jQuery. Put them with the minified version (same folder). You can get them all here

    2. Include the minified (only the minified) version into your HTML (script tag in the header).

    3. Check your preferred js debugging console to make sure that the error has disapeared.

    Hope this makes things clearer.

    Good luck.