PhoneGap Cordova плагин Google Maps - плагин не определен - PullRequest
Новая
       7

PhoneGap Cordova плагин Google Maps - плагин не определен

0 голосов
/ 20 мая 2018

Любая помощь или предложения будут великолепны!

Я получаю эти ошибки в своем logcat от Android-студии 

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>

Мой каталог:

Directory

Ответы [ 2 ]

0 голосов
/ 22 мая 2018

Cordova-plugin-googlemaps не работает с $> phongep serve или phonegap developer app.

Вы должны собрать и запустить свой проект на реальном устройстве или эмуляторе . 

$> phonegap cordova run android
0 голосов
/ 21 мая 2018

Я не использую плагин cordova для карты Google, но я использую старый способ отображения карты Google и ее работы.Вам необходимо зарегистрировать Google API и получить идентификатор API.Должно быть что-то похожее на это 

<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>
...