Javascript 无法在Chrome扩展中显示Google地图_Javascript_Google Chrome Extension

Javascript 无法在Chrome扩展中显示Google地图

javascript google-chrome-extension

Javascript 无法在Chrome扩展中显示Google地图,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我正在编写一个简单的Chrome扩展，它使用HTML5地理定位来显示一张地图，其中包含您在地图上的位置，但当我尝试将地理定位添加到地图时，它不起作用。它显示未捕获错误google undefined { "name": "gary ", "version": "0.0.3", "manifest_version": 2, "description": "geo extension", "icons": { "16": "icons/icon16.png",

我正在编写一个简单的Chrome扩展，它使用HTML5地理定位来显示一张地图，其中包含您在地图上的位置，但当我尝试将地理定位添加到地图时，它不起作用。它显示

未捕获错误google undefined

{
  "name": "gary  ",
  "version": "0.0.3",
  "manifest_version": 2,
  "description": "geo extension",

  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },

  "browser_action": {
   "default_popup": "main1.html",
   "persistent": true
  },
  "permissions": [
   "geolocation",
   "https://maps.googleapis.com/*"
  ]
   }

JavaScript：

x = navigator.geolocation;
  x.getCurrentPosition(success,failure);
  function success(position){

  var mylat = position.coords.latitude;
  var mylong = position.coords.longitude;

  var coords = new google.maps.LatLng(mylat, mylong);

  var mapOptions ={
   zoom:16,
   center: coords,
   maptypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map"), mapOptions);

  }
  function failure(){
  $('#lat').html("<p>it does not work<p>");
  }

x=navigator.geolocation；
x、 getCurrentPosition（成功、失败）；
功能成功（职位）{
var mylat=位置坐标纬度；
var mylong=位置坐标经度；
var coords=new google.maps.LatLng（mylat，mylong）；
var映射选项={
缩放：16，
中心：coords，
maptypeId:google.maps.maptypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map”）、mapOptions）；
}
函数失效（）{
$（'#lat'）.html（它不工作）；
}

还有HTML

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">

 <script type="text/javascript" src="jquery.js"></script>
 <script type="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&callback=initializ‌e">          </script> 
  <script src="geo.js" type="text/javascript"></script>

 </head>


<body>
<div style = "width: 700px; height: 700px;" >
<div id="lat"></div>
<div id="map"></div>

</div>

如果你只是把地图放在一个随机的地图中心，并把它放在成功回调之外，你能让地图显示出来吗？包括你的

main1.html

更重要。根据请求添加html尝试将你的代码包装在

$（document.ready（）

中。我感觉MapsAPI没有完成加载。它在成功回调中，您会推荐哪个地图中心？还有$（document.ready（），你是说在html中？如果是这样的话，chrome扩展就不允许使用内嵌脚本。