2015-02-07 56 views
-3

我想在由Cordova構建的應用程序中添加Google或Bing地圖 我也想添加Facebook like box。 我該怎麼做。如何在Apache Cordova中添加Google或Bing地圖應用

+1

作爲設立在網頁中的地圖很簡單。 – 2015-02-07 13:04:26

+0

是在apache cordova應用中支持iframe標籤..? – 2015-02-08 17:46:32

+0

只需轉到此https://developers.google.com/maps/documentation/javascript/。您可以在您的項目 – 2015-02-08 17:49:21

回答

0

嘗試在HTML頁面上運行您的地圖例如:map.html 並將該地圖頁加載到您的div。 (它適用於我使用WinJS)。

<div data-win-control="WinJS.UI.HtmlControl" data-win-options="{uri: './map.html'}"></div> 
+0

中使用此地圖,並且如何加載bing/google api?據我所知,只要你不從iframe/ms-webview中取出它,你就無法從cdn中取出它!! – belzebu 2015-10-01 04:52:11

0

<div id="map" style="width:100%; height:500px;"></div>

<script> 
$(document).ready(function() { 
    var geocoder; 
    var map; 
    function initialize() 
    { 
     geocoder = new google.maps.Geocoder(); 
     var mapOptions = { 
      zoom: 12 
     }; 
     map = new google.maps.Map(document.getElementById('map'), mapOptions); 
     codeAddress(); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 

    if (navigator.geolocation) 
    { 
     navigator.geolocation.getCurrentPosition(function (position) { 
     initialLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
     map.setCenter(initialLocation); 
     }); 
    } 

}); 
</script> 


// and Include 

<script src="js/jquery.js"></script> 
<script type="text/javascript" src="//www.google.in/jsapi"></script> 
<script type="text/javascript" src="js/jquery.googlemap.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
相關問題