title: TypeError: google.maps.latLng is not a constructor
body: <p>I'm am using Firefox to load my html file for GeoLocation. The problem is that I get these two messages in the console:</p>
  
  <pre><code>TypeError: google.maps.latLng is not a constructor index.html:26
  error in parsing value for 'background'.  Declaration dropped.
  </code></pre>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Navigator&lt;/title&gt;
  &lt;/head&gt;
  &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
  x = navigator.geolocation;
  
  x.getCurrentPosition(success, failure);
  
  function success(position) {
  
      // fetch coordinates
  
      var mylat = position.coords.latitude;
      var mylong = position.coords.longitude;
  
      // google api ready latitude and longitude string
  
      var coords = new google.maps.latLng(mylat, mylong);
  
      // setting up out google map
  
      var mapOptions = {
          zoom: 16,
          center: coords,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      }
  
  // CREATING MAP
  
  var map =  new google.maps.Map(document.getElementById("map"), mapOptions);
  }
  
  function failure() {
      $('#lat').html("&lt;h3&gt; No co-ordinates available!&lt;/h3&gt;");
  }
  &lt;/script&gt;
  
  &lt;body&gt;
  &lt;!--map placeholder --&gt;
  &lt;div id="map"&gt;
  
  &lt;/div&gt;
  
  &lt;div id="lat"&gt;&lt;/div&gt;
  &lt;div id="long"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am not even sure data from the Google Map API loaded correctly.
  Can someone help me with this issue?</p>