如何在Apache Cordova应用程序中添加Google或Bing地图

我想在Cordova构建的应用程序中添加Google或Bing地图 我还想添加类似Facebook的框。

---

我该怎么做。

尝试在HTML页面上运行地图，例如：map.HTML 并将该映射页面加载到您的div。它对我使用WinJS有效

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

---

在网页中设置地图很简单。apache cordova应用程序是否支持iframe标记？只需转到此处即可在项目中使用此地图，以及如何加载bing/google api？据我所知，只要不从iframe/ms webview中提取，就不能从cdn中提取它？！

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