@H_404_1@情况:
@H_404_1@我需要在我的Ionic应用程序中加入Google地图.
@H_404_1@设置地图:
@H_404_1@为了测试它,我已经完成了以下步骤:
@H_404_1@>在Google Console Developer注册
>启用Google Maps JavaScript API
>获取API密钥作为浏览器密钥
>将脚本添加到index.html: @H_404_1@
>启用Google Maps JavaScript API
>获取API密钥作为浏览器密钥
>将脚本添加到index.html: @H_404_1@
@H_404_1@>创建一个map div和相关的css:
@H_404_1@
@H_404_1@>制作以用户地理位置为中心的基本地图:
@H_404_1@
.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");
});
});
@H_404_1@问题:
@H_404_1@它工作正常,但这是在浏览器中用于测试目的.
当我在应用程序或模拟器(Genymotion)中测试它时,地图甚至没有打开.
当然它可能很简单:因为我有一个浏览器密钥.
@H_404_1@但我已经尝试过其他按键并且无论如何都没有打开.
@H_404_1@由于代码是正确的,问题是:
@H_404_1@>我必须在我的Ionic应用程序中使用哪种类型的Google Map才能在Android和Ios上正常运行?
@H_404_1@Google Maps JavaScript API是正确的选择吗?
@H_404_1@>我必须在服务器密钥 – 浏览器密钥 – android密钥 – ios密钥之间获得哪种密钥?浏览器密钥是否适用于本机应用程序?
@H_404_1@谢谢!!
最佳答案
我找到了使用angular-google-maps的解决方案.
@H_404_1@遵循文档中的基本步骤就足以进行设置.
它可以在浏览器中作为角度应用程序使用,也可以在手机中作为Ionic混合应用程序使用.