CODEWITHSUNDEEP
javascriptjquerygoogle-mapsjquery-pluginsjquery-gmap3
Itsik Mauyhas
Itsik Mauyhas

Reputation: 4004

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 .

Upvotes: 0

Views: 2773

Answers (3)

acontell
acontell

Reputation: 6932

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.

Upvotes: 3

Mr7-itsurdeveloper
Mr7-itsurdeveloper

Reputation: 1631

Why you are using 2 jquery scripts.

First of all use only one script from following

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

and your final scripts struture would be like this:

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

Upvotes: 1

Kyle Needham
Kyle Needham

Reputation: 3389

jQuery includes a sourceMappingURL for easier debugging of minified code you can get the map file from http://code.jquery.com/jquery-1.9.1.min.map.

Upvotes: 0

Related Questions