Angular 离子电容器
我可以将这个离子谷歌地图插件与电容器()一起使用吗?我试着 npm安装cordova插件谷歌地图 npm安装@ionic native/googlemaps 但是没有成功。如何安装电容器?我是如何得到目前的职位的?我用的是有角度的Angular 离子电容器,angular,typescript,ionic-framework,maps,Angular,Typescript,Ionic Framework,Maps,我可以将这个离子谷歌地图插件与电容器()一起使用吗?我试着 npm安装cordova插件谷歌地图 npm安装@ionic native/googlemaps 但是没有成功。如何安装电容器?我是如何得到目前的职位的?我用的是有角度的 我需要使用它,因为本地地理位置不适用于旧的Android版本。您键入的包名错误,它是@ionic native/google maps,而不是@ionic native/googlemaps。此外,如果您使用的是@ionic native/google maps,则不
我需要使用它,因为本地地理位置不适用于旧的Android版本。您键入的包名错误,它是
@ionic native/google maps
,而不是@ionic native/googlemaps
。此外,如果您使用的是@ionic native/google maps
,则不需要安装其他软件包
对于安装,首先必须
然后,运行:
npm install @ionic-native/core@beta @ionic-native/google-maps@beta
ionic cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..."
用API密钥替换…
s
关于获取当前位置,您需要使用
LocationService.getMyLocation()
获取当前位置。是文档和教程。专门针对电容器,谷歌地图非常适合
我建议你照这个做。如果不需要,可以忽略教程中的nativegeocoder实现
上面的教程基于在index.html文件中包含javascript api,然后在代码中引用它
与google javascript文档中提到的所有功能完美结合
在离子电容器应用程序中实现谷歌地图有两种方法
this.googleGeocoder = new google.maps.Geocoder();
this.googleGeocoder.geocode({'location': latlng},(results,status)=>{
if (status === 'OK') {
// do your stuff
}
})
是的,会的。该问题询问了Andriod,谷歌地图中的cordova pluigin将对Andriod起作用。我可以在电容器项目中使用命令“ionic cordova plugin add”吗?示例演示如何在Index.html上实现,您可以在page.ts上显示示例吗?您不能在项目中使用“ionic cordova plugin add”命令。。你必须使用“npm i”,然后,你必须在原生android中的strings.xml文件中定义api键。你不能使用ionic cordova plugin add from Capactor Project,我会试试的!非常感谢:-)