使用HTML5和Google地图创建多平台web应用程序

我正在为如何开发适用于Android和iOS的webapp而苦苦挣扎。我的第一个应用程序是一个简单的待办事项应用程序，它很容易在我的浏览器中测试，它只使用html，javascript和css。但是，我必须创建一个使用Google Maps Api获取位置的应用程序。我创建了一个简单的html5页面来测试哪些地图上放置了一个标记。它在我的本地服务器上测试时工作正常。但是，当我为Android创建.apk文件时，该应用程序无法正常工作。使用HTML5和Google地图创建多平台web应用程序

所以我想知道，是不是可以像这样使用它？我有使用phonegap库来使用他们的地理定位库吗？

如果是这样，你如何处理多电脑操作系统电话中的web应用程序的开发？您是否必须安装Android环境和iOS环境，以包含正确的phonegap库并正确测试它们？

更新：我在我的web服务器上使用下面的代码，它完美的工作。当我将其上传到photogap云的zip文件夹并将APK文件安装到我的手机上时，它不起作用。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Simple Geo test</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
</head> 
<body> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
<script> 
function success(position) { 
    var mapcanvas = document.createElement('div'); 
    mapcanvas.id = 'mapcontainer'; 
    mapcanvas.style.height = '200px'; 
    mapcanvas.style.width = '200px'; 
    document.querySelector('article').appendChild(mapcanvas); 
    var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

    var options = { 
    zoom: 15, 
    center: coords, 
    mapTypeControl: false, 
    navigationControlOptions: { 
     style: google.maps.NavigationControlStyle.SMALL 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("mapcontainer"), options); 

    var marker = new google.maps.Marker({ 
     position: coords, 
     map: map, 
     title:"You are here!" 
    }); 
} 

if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(success); 
} else { 
    error('Geo Location is not supported'); 
} 
</script> 
<article></article> 
</body> 
</html>

来源

2014-06-06 Bart L.

在您的Android手机的GPS ... – Ved

这是我实现的谷歌地图在我的项目的参考网站http://flippinawesome.org/2013/12/09/mobile-friendly-mapping-for-phonegap-apps/

它的伟大工程的所有四个platform.The应用是成功released.Here是在android平台https://play.google.com/store/apps/developer?id=Gargash+Insurance链接到应用程序查看位置链接联系我们页面的应用程序。无插件需要

来源

2014-06-06 09:14:29 ShinyJos

Thx但问题是我想检索坐标，它在我的网络服务器上工作，但不是当我创建一个apk文件与phonegap。我在我的问题中添加了我的代码。 –

使用HTML5和Google地图创建多平台web应用程序

回答

相关问题