<template>
    <div>

        <div class="bkh">
            <div style="font-size:1.5rem;">imageSets</div>
            <a href="//yuda-lyu.github.io/w-leaflet-vue/examples/ex-AppIMGImageSets.html" target="_blank" class="item-link">example</a>
            <a href="//github.com/yuda-lyu/w-leaflet-vue/blob/master/docs/examples/ex-AppIMGImageSets.html" target="_blank" class="item-link">code</a>
        </div>

        <div class="bkp">

            <div style="display:flex; padding-bottom:40px; overflow-x:auto;">

                <div style="position:relative;">
                    <WLeafletVue
                        style="width:800px; height:500px;"
                        :opt="opt"
                    ></WLeafletVue>
                </div>

                <div style="width:600px; min-width:600px; padding:0px 20px;">

                    <div style="border:1px solid #ddd;">
                        <div style="padding-left:5px; overflow-y:auto; height:500px;">
                            <div id="optjson" style="font-size:10pt;"></div>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>
</template>

<script>
import WLeafletVue from './components/WLeafletVue.vue'
import jv from 'w-jsonview-tree'

export default {
    components: {
        WLeafletVue,
    },
    data: function() {
        return {
            'opt': {
                center: [25.04, 121.51],
                zoom: 10,
                imageSets: [
                    {
                        title: 'imageSet A',
                        msg: 'msg from imageSet A',
                        image: {
                            url: `data:image/png;base64,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`,
                            lngMin: 121.39,
                            lngMax: 121.65,
                            latMin: 24.94,
                            latMax: 25.14,
                        },
                        visible: true,
                    },
                    {
                        title: 'imageSet B',
                        msg: 'msg from imageSet B',
                        image: {
                            url: `data:image/png;base64,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REQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERD8VBREQ8FAcREfFQHERExENxEBERj6DfA4iIvEMx4BhgOXAc0AwkgShgcH+fFYAckAH6gTeA54EHgWeAoVGfeowyjuP4PYOIyB/TAJwHfBKYA1gOtnkX3+8AGCwH6AXWA7cD9wIdIztqZVEcRKQczQOuBT4IBAAcbBwnX8ja3T2Dua27+7Kvd+zLrOnoyazrThc6hrOF7lzISgZT4cMSqcis2lT4sPpkaEZTPDSxMWzVJI0JBMHsj0UvsAL4BrDJrx+ynCkOIlJODgWuAj6Me8oI28nme7OvbHq99wdPb+j53uYDOWhVqC06LXXBtIlVy+dUhyY3B6xYFDAGKw3cDFyD3kn8DsVBRMpBHfAFB/tCoAZwMoW9+7b03f7kC3v/9sWCk7ZH6oWqQm3R2eP+bm5b4mPHBa1EwmAZ3OsUfwN8b6ReZ6xTHETEb1OAHwGLHGwrb/f3b+2/68l1Xde8MJRvz5TqRaOBhtCR9dceNT15wQeNCRrABn4FfA7YUKrXHSsUBxHx03LgJiBRcIZze9Kr1q7p/Pyq7sza/tEaIB5sjZwwYcWy+tiCI8AYg7UR+CzwS9xgHJQUBxHxQxi42MG+2mDVFpx0dl3XNfe8vO8GX/4fe8DErCPrrj5ies1fLA1b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`,
                            lngMin: 121.39,
                            lngMax: 121.65,
                            latMin: 24.94,
                            latMax: 25.14,
                        },
                        visible: false,
                    },
                ],
            },
            'action': [
            ],
        }
    },
    mounted: function() {
        let vo = this
        vo.showOptJson()
    },
    watch: {
        opt: {
            handler: function() {
                let vo = this
                vo.showOptJson()
            },
            deep: true,
        },
    },
    methods: {
        showOptJson: function() {
            let vo = this
            jv(vo.opt, document.querySelector('#optjson'), { expanded: true })
        },
    },
}
</script>

<style>
</style>
