正文 

当前位置： 首页 > 问答 >

PhoneGap Cordova 插件谷歌地图 - 插件未定义

     2023-05-06     41

关键词：

【中文标题】PhoneGap Cordova 插件谷歌地图 - 插件未定义【英文标题】：PhoneGap Cordova plugin google maps - Plugin not defined 【发布时间】：2018-10-30 00:07:25 【问题描述】：

任何帮助或建议都会很棒！

我在 Android Studio 的 logcat 中收到这些错误

05-18 23:02:41.917 13209-13209/? D/SystemWebChromeClient: file:///data/user/0/com.adobe.phonegap.app/files/phonegapdevapp/www/index.html: Line 350 : Uncaught ReferenceError: plugin is not defined
05-18 23:02:41.917 13209-13209/? I/chromium: [INFO:CONSOLE(350)] "Uncaught ReferenceError: plugin is not defined", source: file:///data/user/0/com.adobe.phonegap.app/files/phonegapdevapp/www/index.html (350)

我试过了：

从头开始 - 创建相同的多个新实例 应用

不同类型的安装 - 手动和使用终端

查看多个堆栈溢出条目并尝试删除 并重新添加插件、android平台、配置文件

插件：

$ phonegap plugins
cordova-plugin-googlemaps 2.3.4-beta-20180517-1004 "cordova-plugin-googlemaps"

我的代码：

   <!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width">
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript">
      document.addEventListener("deviceready", function() 

        var map = plugin.google.maps.Map.getMap("map_canvas");

      , false);

    </script>
    <style type="text/css">
    #map_canvas 
      width: 500px;
      height: 500px;
    
    button 
      padding: .5em;
      margin: .5em;
    
    </style>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <button id="button">Click me!</button>
    <div id="map_canvas"></div>
  </body>
</html>

我的目录：

【问题讨论】：

【参考方案1】：

我没有使用谷歌地图的科尔多瓦插件，但我使用旧的方式来显示谷歌地图及其工作。您需要注册 google API 并获取 API ID。应该是这样的

<script async defer src="https://maps.googleapis.com/maps/api/js?key=[Your API ID provided by google]&callback=[Your function when API is loaded] "></script>

<script>
        function initMap() 
            var map = new google.maps.Map(document.getElementById('map_canvas'), 
              zoom: 18,
              center: lat: [Your map latitude value], lng: [Your map Longitude value]
            );
            var geocoder = new google.maps.Geocoder();
            geocodeAddress(geocoder, map);
        

        function geocodeAddress(geocoder, resultsMap) 
            geocoder.geocode('address': address, function(results, status) 
              if (status === 'OK') 
                resultsMap.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker(
                  map: resultsMap,
                  position: results[0].geometry.location
                );
               else 
                alert('Geocode was not successful for the following reason: ' + status);
              
            );
        
</script>

【讨论】：

我有 API 密钥，并且可以使用 Google 地图中的 Javascript API 运行它，但我试图利用该插件。【参考方案2】：

cordova-plugin-googlemaps 不能使用 $&gt; phongep serve 或 phonegap developer app 运行。

您必须在真实设备或模拟器上构建并运行您的项目。

$> phonegap cordova run android

【讨论】：

Phonegap GPS定位插件cordova-plugin-gpslocation

】PhonegapGPS定位插件cordova-plugin-gpslocation【英文标题】：PhonegapGPSlocationplugincordova-plugin-gpslocation【发布时间】：2020-05-2609:44:28【问题描述】：我正在尝试获取gps坐标以在我的手机中移动谷歌地图。我的xml文件中添加了这样的插件... 查看详情

Quasar Cordova 谷歌地图插件

】QuasarCordova谷歌地图插件【英文标题】：QuasarCordovaGoogleMapsPlugin【发布时间】：2019-12-1802:02:00【问题描述】：我一直在尝试使用来自https://github.com/mapsplugin/cordova-plugin-googlemaps的科尔多瓦谷歌地图插件，但还没有让它在我的安卓... 查看详情

iphone phonegap 谷歌地图内存警告

】iphonephonegap谷歌地图内存警告【英文标题】：iphonephonegapgooglemapsmemorywarning【发布时间】：2013-02-1808:18:43【问题描述】：我有一个用Cordova(Phonegap)2.3.0编写的应用程序。我使用Jquery1.8.2和jquerymobile1.2.0和谷歌地图v3。XCode4.6版在一个... 查看详情

如何在 phonegap 构建中使用谷歌播放服务插件

】如何在phonegap构建中使用谷歌播放服务插件【英文标题】：Howtousegoogleplayservicespluginsonphonegapbuild【发布时间】：2015-04-0802:51:31【问题描述】：我正在使用phonegapbuild开发一个android游戏。我想使用googleplay排行榜并找到此链接。http... 查看详情

Cordova/Phonegap：无法让 Facebook Phonegap 插件工作

】Cordova/Phonegap：无法让FacebookPhonegap插件工作【英文标题】：Cordova/Phonegap:Can\'tgetFacebookPhonegapplugintowork【发布时间】：2014-07-2118:33:50【问题描述】：我尝试创建一个Cordova/Phonegap应用程序并添加Facebook插件，但是alert(typeoffacebookConne... 查看详情

Phonegap/Cordova 地理定位提醒特定位置附近有啥

】Phonegap/Cordova地理定位提醒特定位置附近有啥【英文标题】：Phonegap/CordovageolocationalertwhatnearaspecificlocationPhonegap/Cordova地理定位提醒特定位置附近有什么【发布时间】：2019-03-2619:25:50【问题描述】：我需要一些指导来了解当我的... 查看详情

桌面/移动标准网页中的phonegap / cordova社交共享插件

】桌面/移动标准网页中的phonegap/cordova社交共享插件【英文标题】：phonegap/cordovasocialsharingplugininstandardwebpagefordesktop/mobile【发布时间】：2018-07-1000:01:27【问题描述】：有一个标准的网页。没有cordova/phonegap应用程序我可以使用cordov... 查看详情

Cordova / PhoneGap 瘦加载栏插件？

】Cordova/PhoneGap瘦加载栏插件？【英文标题】：Cordova/PhoneGapthinloadingbarplugin?【发布时间】：2016-10-0902:20:07【问题描述】：我只是想知道是否有人知道Cordova/PhoneGap的任何“瘦”加载栏插件。我的意思和你在iOS设备上的Safari中看到的... 查看详情

如何添加插件新的cordova /phonegap？

】如何添加插件新的cordova/phonegap？【英文标题】：Howtoaddpluginnewcordova/phonegap?【发布时间】：2013-12-1412:04:07【问题描述】：你能告诉我如何使用最新的cordova3.0在android/iphone中添加插件。实际上我在cordova2.7上工作。当时我使用java... 查看详情

无法安装 Cordova 插件条形码 Phonegap (mac)

】无法安装Cordova插件条形码Phonegap(mac)【英文标题】：UnabletoinstallCordovapluginbarcodePhonegap(mac)【发布时间】：2018-04-2319:47:55【问题描述】：我对cordova和phonegap非常陌生。我需要安装Cordova插件barcodescanner，我尝试通过终端（mac）使用... 查看详情

Cordova/Phonegap SQLite 插件

】Cordova/PhonegapSQLite插件【英文标题】：Cordova/PhonegapSQLiteplugin【发布时间】：2014-06-1713:33:20【问题描述】：有谁知道与wp8一起工作的sqlite插件吗？我正在将此插件用于android和ios，但它不适用于wp8，但适用于iOS和androidhttps://github.co... 查看详情

如何使用 Cordova 插件进行 PhoneGap 构建

】如何使用Cordova插件进行PhoneGap构建【英文标题】：HowtouseCordovapluginsforPhoneGapbuild【发布时间】：2016-06-2021:15:36【问题描述】：我是PhoneGap开发的新手，我在使用PhoneGap在线服务构建我的应用程序时遇到了一些问题。我现在有以下... 查看详情

适用于 iOS 的 Phonegap/Cordova 日历插件无响应

】适用于iOS的Phonegap/Cordova日历插件无响应【英文标题】：Phonegap/CordovacalendarpluginforiOSunresponsive【发布时间】：2014-03-0718:39:10【问题描述】：我已将cordova插件添加到我的应用程序中。命令行：$cordovapluginaddhttps://github.com/EddyVerbrugge... 查看详情

PhoneGap GCM-|Cordova 插件

】PhoneGapGCM-|Cordova插件【英文标题】：PhoneGapGCM-|Cordovaplugin【发布时间】：2013-06-0415:44:48【问题描述】：我使用以下插件：来自github的marknutter/GCM-Cordova。我在Eclipse上安装了这个插件并在安卓设备上运行它。我设法为设备注册GCM消... 查看详情

Phonegap (Cordova) 2.7.0 + Mapkit 插件 + 入门

】Phonegap(Cordova)2.7.0+Mapkit插件+入门【英文标题】：Phonegap(Cordova)2.7.0+MapkitPlugin+GettingStarted【发布时间】：2013-05-2910:35:38【问题描述】：我正在尝试让PhoneGapMapkitPlugin启动并运行。这是我到目前为止所做的：我将MapKitframework添加到... 查看详情

Phonegap Cordova 插件在构建时删除

】PhonegapCordova插件在构建时删除【英文标题】：PhonegapCordovapluginsdeletingonbuild【发布时间】：2015-11-2310:50:48【问题描述】：我在构建phonegap项目时遇到问题，该项目正在删除构建时的cordova插件目录。一位同事在他的机器上启动了... 查看详情

Cordova/Phonegap 2.5 + Sharekit 插件 + FacebookConnect

】Cordova/Phonegap2.5+Sharekit插件+FacebookConnect【英文标题】：Cordova/Phonegap2.5+SharekitPlugin+FacebookConnect【发布时间】：2013-04-2908:15:36【问题描述】：我正在使用cordovaphonegap2.5.0开发一个应用程序，我想在iOs和facebookConnect中实现共享。我正... 查看详情

用于单一注册的cordova、Phonegap 推送插件和c#？

】用于单一注册的cordova、Phonegap推送插件和c#？【英文标题】：cordova,Phonegappushpluginandc#forsingleregistration?【发布时间】：2016-05-0509:36:24【问题描述】：是否可以使用c#服务器端代码向具有Phonegap推送插件的Cordova移动应用程序发送通... 查看详情