2017-09-23 123 views
0

规格:构建PhoneGap的应用程序没有初始化谷歌地图

  1. PhoneGap的桌面应用程式v0.4.3
  2. 的Android V5.1.1

上面的代码与桌面应用做工精细,并config.xml由该PhoneGap桌面应用程序创建。 而当我在build.phonegap.com上试用它时,谷歌地图未能初始化,所以没有出现在Android上,只是一个白色屏幕。

这里是我的initMap方法,它的API需要:

var map, directionsService, directionsDisplay; 

function initMap() { 

    directionsService = new google.maps.DirectionsService; 
    directionsDisplay = new google.maps.DirectionsRenderer; 

    map = new google.maps.Map(document.getElementById('gMap'), { 
     zoom: 10, 
     center: { lat: 25.0115052, lng: 66.7845126 }, 
     mapTypeId: 'roadmap', 
    }); 

    directionsDisplay.setMap(map); 


} // initMap() ends 

config.xml文件:

<?xml version='1.0' encoding='utf-8'?> 
<widget id="com.phonegap.helloworld" 
    version="1.0.0" 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:gap="http://phonegap.com/ns/1.0"> 

    <name>TestApp</name> 
    <description> 
     A blank PhoneGap app. 
    </description> 
    <author email="[email protected]" href="http://phonegap.com"> 
     PhoneGap Team 
    </author> 
    <content src="index.html" /> 
    <access origin="*" /> 
</widget> 
+0

你准确得到了什么错误? – henrisycip

+0

@henrisycip我认为,我应该改造这个问题(一个简单的应用程序,只显示谷歌地图没有任何修改)。之后,我将编辑上述查询。 –

回答

1

以下是这是必要的点要记住,而使得 本地 混合动力车应用程序:

  1. 目标设备(Android,IOS等)中对Web语言(HTML,CSS,JS等)的版本支持。
  2. 加载所需的插件/库以使用本机组件。


解决方案:

你需要科尔多瓦 - 插件白名单插件来访问地图,那么,这将解决你的问题:

<plugin name="cordova-plugin-whitelist" spec="1.3.2" /> 
<!-- Allow geo: links to open maps --> 
<allow-intent href="geo:*" /> 

Cordova Docs

默认情况下,不允许使用外部URL。在Android上,这等同于发送类型为BROWSEABLE的意图。

相关问题