情况:
我需要在我的Ionic应用程序中加入Google地图.
设置地图:
为了测试它,我已经完成了以下步骤:
>在Google Console Developer注册
>启用Google Maps JavaScript API
>获取API密钥作为浏览器密钥
>将脚本添加到index.html:
>创建一个map div和相关的css:
>制作以用户地理位置为中心的基本地图:
.controller('MapCtrl',function($scope,$state,$cordovaGeolocation) {
var options = {timeout: 10000,enableHighAccuracy: true};
$cordovaGeolocation.getCurrentPosition(options).then(function(position){
var latLng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
var mapOptions = {
center: latLng,zoom: 15,mapTypeId: google.maps.MapTypeId.ROADMAP
};
$scope.map = new google.maps.Map(document.getElementById("map"),mapOptions);
},function(error){
console.log("Could not get location");
});
});
问题:
它工作正常,但这是在浏览器中用于测试目的.
当我在应用程序或模拟器(Genymotion)中测试它时,地图甚至没有打开.
当然它可能很简单:因为我有一个浏览器密钥.
但我已经尝试过其他按键并且无论如何都没有打开.
由于代码是正确的,问题是:
>我必须在我的Ionic应用程序中使用哪种类型的Google Map才能在Android和Ios上正常运行?
Google Maps JavaScript API是正确的选择吗?
>我必须在服务器密钥 – 浏览器密钥 – android密钥 – ios密钥之间获得哪种密钥?浏览器密钥是否适用于本机应用程序?
谢谢!!
最佳答案