Javascript 谷歌地图JS API Windows Phone Cordova
因此,我正试图使这个应用程序使用谷歌地图API。它与android一起工作,但当我在Windows Phone Emulator上试用时,它说“应用程序无法在本地环境中加载远程web内容”。 现在,我搜索了一下,这是意料之中的(我还尝试了使用Javascript 谷歌地图JS API Windows Phone Cordova,javascript,android,cordova,google-maps,windows-phone,Javascript,Android,Cordova,Google Maps,Windows Phone,因此,我正试图使这个应用程序使用谷歌地图API。它与android一起工作,但当我在Windows Phone Emulator上试用时,它说“应用程序无法在本地环境中加载远程web内容”。 现在,我搜索了一下,这是意料之中的(我还尝试了使用iframe-的解决方案,但没有成功)。问题是我如何解决这个问题。是否可以将谷歌地图与Windows Phone和Cordova一起使用,或者我必须使用不同的地图API 适用于android但不适用于WP的代码:--谢谢大家 <!DOCTYPE
iframe
-的解决方案,但没有成功)。问题是我如何解决这个问题。是否可以将谷歌地图与Windows Phone和Cordova一起使用,或者我必须使用不同的地图API
适用于android但不适用于WP的代码:--谢谢大家
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Security-Policy" content=" ">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BlankCordovaApp1</title>
<!-- BlankCordovaApp1 references -->
<link href="css/index.css" rel="stylesheet" />
<link href="css/jquery.mobile-1.4.5.css" rel="stylesheet" />
<script src="scripts/jquery-2.1.4.js"></script>
<script src="scripts/jquery.mobile-1.4.5.js"></script>
<script>
$(document).on("pagecreate","#map-page", getMaps);
function createMap() {
console.log("Reached createMap() ")
var mapOptions = {
center: new google.maps.LatLng(37.98392, 23.71889),
zoom: 11
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
}
function getMaps() {
$.getScript('http://maps.googleapis.com/maps/api/js?callback=createMap');
console.log("Got Maps");
}
</script>
</head>
<body>
<!--Page 1-->
<div data-role="page" id="login" data-theme="b">
<div data-role="content">
<p>Page 1</p>
<a href="#map-page" class="ui-btn">Page 2</a>
</div>
</div>
<!--Page 2-->
<div data-role="page" id="map-page">
<div data-role="header">
<h1> Header </h1>
</div>
<div data-role="content">
<div id="map" style="height: 400px;width: 100%"></div>
<a href="#" class="ui-btn" data-rel="back">Go Back</a>
</div>
<div data-role="footer" style="text-align:center" data-position="fixed">
<p> Footer </p>
</div>
</div>
<!-- Cordova reference, this is added to your app when it's built. -->
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>
BlankCordovaApp1
$(文档)。在(“页面创建”,“地图页面”,获取地图);
函数createMap(){
log(“已到达createMap()”)
变量映射选项={
中心:新google.maps.LatLng(37.98392,23.71889),
缩放:11
};
var map=new google.maps.map(document.getElementById('map'),mapOptions);
}
函数getMaps(){
$.getScript('http://maps.googleapis.com/maps/api/js?callback=createMap');
log(“得到地图”);
}
第1页
标题
页脚
确保清单文件中有正确的功能。
我不使用windows phpne 8,但大多数情况下,您的应用程序需要获得用户的许可才能访问互联网
Properties/WPAppManifest.xml
<Capabilities>
<Capability Name="ID_CAP_NETWORKING" />
</Capabilities>
Properties/WPAppManifest.xml
试试https://maps.googleapis.com/maps/api/js?callback=createMap
@user2788573我想知道你是否找到了这个问题的解决方案。你找到了解决方案吗?有人有解决方案吗?谢谢你的回复。这已存在于清单中。