采取截圖離子框架

Question

我正在構建具有地理位置（Google Api）的Ionic應用程序，但這是相關的，在右上角是我想制作截圖的按鈕，並自動制作popover選項，通過電子郵件，viber發送截圖圖像... ，但我不知道如何拍攝截圖，我用Google搜索並搜索沒有任何運氣，請幫忙。

app.controller('MapCtrl', function($scope, $cordovaGeolocation, $ionicLoading, $ionicPlatform) {

    $ionicPlatform.ready(function() {

        $ionicLoading.show({
            template: '<ion-spinner icon="bubbles"></ion-spinner><br/>Acquiring location!'
        });

        var posOptions = {
            enableHighAccuracy: true,
            timeout: 20000,
            maximumAge: 0
        };
        $cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) {
            var lat  = position.coords.latitude;
            var long = position.coords.longitude;

            var myLatlng = new google.maps.LatLng(lat, long);

            var mapOptions = {
                center: myLatlng,
                zoom: 16,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };          

            var map = new google.maps.Map(document.getElementById("map"), mapOptions);          

            $scope.map = map;   
            $ionicLoading.hide();   

            var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Lokacija'
        });


        }, function(err) {
            $ionicLoading.hide();
            console.log(err);
        });
    });               
});

Answer 1

據我所知，有兩種選擇：

• 使用第三方Cordova插件，例如https://github.com/gitawego/cordova-screenshot - 這很可能也包括應用程序的UI元素，但這可能不是您想要的。
• 也許更好的想法是使用Google Static Maps API - 您可以將動態地圖中的當前參數傳遞給它，並且它將返回圖像版本。

Answer 2

這應該讓你開始： 如何拍攝離子屏幕截圖

從插件中收到圖片后，您可以使用ionic的popover服務在那里顯示它。