Возможно ли запустить google map api в phonegap?

Я создаю приложение с apache cordava (Phonegap). Мой вопрос: могу ли я запустить google map api? Заранее спасибоВозможно ли запустить google map api в phonegap?

источник

2016-03-26 arun kamaraj

Да, вы можете запускать googlemaps api в приложении phonegap/cordova. Сначала вам нужно получить ключ api (на основе браузера, а не андроида). Начните с создания вашего API_KEY и используйте его.

Тогда вам нужно присваивать белый список URL-адресу. Вот простой index.html, который загружает карту с помощью маркера. Надеюсь, что это помогает

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://maps.googleapis.com/ https://maps.gstatic.com/ https://mts0.googleapis.com/ 'unsafe-inline' 'unsafe-eval'"> 
<style> 
    body, html, #map { margin: 0;width:100%;height:400px } 
#map { 
    position: relative; 
    width:400px; 
    height: :50%; 
} 

#map:after { 
    width: 22px; 
    height: 40px; 
    display: block; 
    content: ' '; 
    position: absolute; 
    top: 50%; left: 50%; 
    margin: -40px 0 0 -11px; 
    background: url('https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi_hdpi.png'); 
    background-size: 22px 40px; 
    pointer-events: none; 
} 

    </style> 



    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initialize" async defer></script> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 


    <script type="text/javascript"> 
     function initialize() { 
      var mapOptions = { 
      zoom: 4, 
      center: new google.maps.LatLng(-33, 151), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById('map'), mapOptions); 
     } 



    </script> 
    </head> 
    <body> 
    <div id="map"></div> 

    </body> 
</html>

Вы можете прочитать больше о GoogleMaps API здесь

https://developers.google.com/maps/documentation/javascript/examples/map-simple

вы можете прочитать о создании ключа апи здесь

https://developers.google.com/maps/documentation/javascript/get-api-key

источник

2016-03-31 09:51:45 IamKarim1992

позвольте мне попробовать это и позволит вам знать @IamKarim –

Возможно ли запустить google map api в phonegap?

ответ

Смежные вопросы