Ist es möglich, google map api in phonegap auszuführen?

Ich baue eine App mit Apache Cordava (Phonegap). Meine Frage ist, kann ich Google Map API in diesem laufen? Vielen Dank im VorausIst es möglich, google map api in phonegap auszuführen?

Quelle

2016-03-26 arun kamaraj

Ja, Sie können Googlemaps api in Ihrem phonegap/cordova application.First laufen Sie benötigen einen API-Schlüssel zu bekommen (Browser-basierte und nicht Android One). Beginnen Sie, indem Sie Ihren API_KEY generieren und diesen verwenden.

Dann müssen u die URL an die weiße Liste, hier ein einfaches index.html, die die Karte mit einem Marker lädt auf. Hoffe, es hilft

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

Sie mehr über Googlemaps api hier

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

lesen Sie api Schlüssel zum Erstellen von hier

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

Quelle

2016-03-31 09:51:45 IamKarim1992

lassen Sie mich versuchen, dies und lassen Sie lesen können kenne @IamKarim –

Ist es möglich, google map api in phonegap auszuführen?

Antwort

Verwandte Themen