Fatal编程技术网
  • android/
  • Android PhoneGap和谷歌地图

Android PhoneGap和谷歌地图

android google-maps cordova

Android PhoneGap和谷歌地图,android,google-maps,cordova,smartphone,Android,Google Maps,Cordova,Smartphone,对于一个学校项目，我要做一个电话鸿沟申请。我想用地图做一个div，然后做兴趣点。但在我的android模拟器中不可能有它，错误是“referenceError找不到变量google”。我尝试了很多我找到的解决方案，我唯一能做的就是在我的应用程序顶部显示一小块地图，但只能在互联网浏览器上显示 <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="initial-scale=1

对于一个学校项目，我要做一个电话鸿沟申请。我想用地图做一个div，然后做兴趣点。但在我的android模拟器中不可能有它，错误是“referenceError找不到变量google”。我尝试了很多我找到的解决方案，我唯一能做的就是在我的应用程序顶部显示一小块地图，但只能在互联网浏览器上显示

<!DOCTYPE HTML>  
<html>  
<head>  

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script src="jquery.js"></script>
<link rel="stylesheet" href="jquery.mobile-1.3.0.css" />

<script src="jquery.mobile-1.3.0.js"></script>
<script src="jquery.mobile-1.3.0.min.js"></script>

<style type="text/css">
    #footer {
        position:fixed;
        bottom:0;
        left:0;
        right:0;
    }

    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map-canvas { height: 100% }

</style> 


<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKh2nx6OdT6pdPi-KtPNH_6Lc7Aj9z7d4&sensor=true">
</script>


<script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

</head>

<body> 


#页脚{
位置：固定；
底部：0；
左：0；
右：0；
}
html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
如果有人在他的电脑上有一段代码，或者在我的电脑上发现一个错误，我会非常高兴。
谢谢。

以下内容在我的Nexus 4模拟器中适用。主要取自：



但有件事真的很奇怪。如果我的项目中没有“jquery.js”就没有问题，但是如果是，我只有一个白页。您的www文件夹中是否有一个名为“jquery.js”的文件？您可能需要根据您的文件名和它们在项目中的位置更改一些脚本src。是的，我更改了名称（与cordova的版本不同），我有一个文件“jquery.js”它不再工作了，只是一个白色的屏幕。但是如果我删除文件“jquery.js”，没有问题除了没有jquery之外没有问题：）试着用一个新版本（你更喜欢的jquery版本）替换你的jquery，也许在cordova之后再把它带进来。还要将type=“text/javascript”添加到脚本标记中。

<!DOCTYPE HTML>
<html>
    <head>

        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <script scr="jquery.js></script>
        <link rel="stylesheet" href="jquery.mobile-1.3.0.css" />
        <script type="text/javascript" src="cordova-2.4.0.js"></script>
        <script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>

    <style type="text/css">
        html, body, #map-canvas {
            margin: 0;
            padding: 0;
            height: 100%;
        }

    </style>

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script type="text/javascript">
        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(-34.397, 150.644),
                zoom: 8,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map-canvas"),
                                          mapOptions);
        }
        google.maps.event.addDomListener(window, 'load', initialize);
        </script>
</head>

<body>
    <div id="map-canvas"></div>
</body>
</html>