title: google maps api does not work in google chrome extension
body: <p>I am making a google chrome extension using JavaScript, HTML, CSS. For this I need to read longitude and latitude of an address provided by a user. While testing my extension I am keep getting below error</p>
  
  <p><img src="https://i.stack.imgur.com/6EWkN.png" alt="Error"></p>
  
  <p>Here is my js code</p>
  
  <pre><code>result: {
              data: function (from, to, hrs, mins) {
                  fromaddress     = from;
                  toaddress   = to;
                  hours       = hrs;
                  minutes     = mins;
  
                  View.result.readLatLng();
              },
  
              readLatLng: function () {
                  //var addressone = document.getElementById("addressone").value;
                  geocoder    = new google.maps.Geocoder();
                  geocoder.geocode( { 'address': fromaddress}, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                      var latitude = results[0].geometry.location.latitude;
                      var longitude = results[0].geometry.location.longitude;
                      console.log('lat: ' + latitude + ', lng: ' + longitude);
                    } else {
                      alert("Geocode was not successful for the following reason: " + status);
                    }
                  });
              }
          }
  </code></pre>
  
  <p>and here is my manifest.json file</p>
  
  <pre><code>{
    "name": "Name",
    "version": "1.0",
    "manifest_version": 2,
    "background": { 
      "scripts": [
        "js/result.js",
        "js/script.js"
      ] 
    },
    "description": "Desc",
    "browser_action": {
      "default_icon": "images/icon.png",
      "default_title": "Title",
      "default_popup": "html/popup.html"
    },
    "permissions": [ 
      "http://*/",
      "https://maps.google.com/*",
      "https://maps.googleapis.com/*",
      "http://localhost/*",
      "geolocation"
    ],
    "content_security_policy": "script-src 'self' https://maps.googleapis.com https://maps.gstatic.com; object-src 'self'"
  }
  </code></pre>
  
  <p>Please help me how can I solve this?</p>