Question

我想在我的Cordova构建的应用程序中添加Google或Bing地图我也想添加像盒子一样的Facebook。我怎么能这样做。

Answer 1

尝试在HTML页面Ex：map.html上运行您的地图并将该地图页面加载到您的div。（它适用于我使用WinJS）。

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

Answer 2

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

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

2 个答案: