繁体   English   中英

当我关闭并重新打开信息 window 时,如何确保内容保持不变

[英]How can I make sure the content stays intact when I close and reopen the info window

I am outputting the Google Map info window with id created in javascript, but when I close and reopen the info window, there is Disappear content in the info window. 点击标记以显示没有内容的信息 window 按“报告”按钮以显示信息 window 中的内容。 当我关闭并重新打开信息 window 时,如何确保内容保持不变?

如果继续在后台运行,我想会解决的。

javascript码

function display_c(start){
        window.start = parseFloat(start);
        var end = 172800; // change this to stop the counter at a higher value
        var refresh=1000; // Refresh rate in milli seconds
        if(window.start >= end ){
            alert("Time Over ");
        } else {
            mytime=setTimeout('display_ct()',refresh)
        }
    }

    function display_ct() {
        // Calculate the number of days left
        var days=Math.floor(window.start / 86400);
        // After deducting the days calculate the number of hours left
        var hours = Math.floor((window.start - (days * 86400 ))/3600)
        // After days and hours , how many minutes are left
        var minutes = Math.floor((window.start - (days * 86400 ) - (hours *3600 ))/60)
        // Finally how many seconds left after removing days, hours and minutes.
        var seconds = Math.floor((window.start - (days * 86400 ) - (hours *3600 ) - (minutes*60)))

        var x = days + "day " + hours + "hour " + minutes + "minute " + seconds + "second";


        document.getElementById('ct').innerHTML = x;
        window.start= window.start+ 1;

        tt=display_c(window.start);
    }


// Handle Cordova Device Ready Event
$$(document).on('deviceready', function() {

    var markerCount=0;

    var mapOpts = {
        center: [37, 127],
        zoom: 7,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        scrollwheel: true,
        disableDoubleClickZoom: true,
        streetViewControl: false,
        zoomControl:false,
        fullscreenControl:false,
        disableDefaultUI: true
    };

    function genId() {
        return '' + (new Date()).getTime();
    }

    function placeMarker(map, event) {
            $(this).gmap3({
                marker: {
                    latLng: event.latLng,
                    id:markerCount,
                    data:'<span id="ct"></span>',
                    options: {
                        draggable: true,
                        icon: "http://maps.google.com/mapfiles/marker_green.png"
                    },
                    events: {
                        click: function(marker, event, context){
                            console.log(marker);
                            var lat=marker.position.lat();
                            var lng=marker.position.lng();

                            var map = $(this).gmap3("get");

                            map.panTo(marker.position);

                            var map = $(this).gmap3("get"),
                                infowindow = $(this).gmap3({get:{name:"infowindow"}});
                            if (infowindow){
                                infowindow.open(map, marker);
                                infowindow.setContent(context.data);
                            } else {
                                $(this).gmap3({
                                    infowindow:{
                                        anchor:marker,
                                        options:{content: context.data}
                                    }
                                });
                            }

                        },

                    }

                }
            });
        }


    $('.map-object').gmap3({
        map: {
            options: mapOpts,
            events: {
                click: placeMarker
            }
        }
    });

    $('#report').click(function(){
        window.start= window.start+ 1;
    });
});

我知道了

var timer = document.getElementsByClassName('ct');
for (var i = 0; i < timer.length ; i++){
    timer[i].innerHTML = x;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM