{"id":601,"date":"2018-09-21T17:44:43","date_gmt":"2018-09-21T12:14:43","guid":{"rendered":"http:\/\/demo.weblizar.com\/advanced-google-maps\/?page_id=601"},"modified":"2019-11-05T11:54:46","modified_gmt":"2019-11-05T06:24:46","slug":"interactive-map","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/advanced-google-maps\/interactive-map\/","title":{"rendered":"Interactive Map"},"content":{"rendered":"                <style type=\"text\/css\">\r\n                    #map-600 {\r\n                        height: 650px;\r\n                        width: 100%;\r\n                    }\r\n                <\/style>\r\n                <script type=\"text\/javascript\">\r\n                    google.charts.load('current', {\r\n                        'packages': ['geochart'],\r\n                        'mapsApiKey': 'AIzaSyBkVUhjF3pcx-9b5himDwA-PpFMkUZyrUg'\r\n                    }).then(function () {\r\n                        var data = google.visualization.arrayToDataTable([\r\n                            ['Country', 'Value', 'Tooltip'],\r\n\t\t\t\t\t\t\t                            ['Montana', 1, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Idaho', 2, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Washington', 3, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['North Dakota', 4, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['South Dakota', 5, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Nebraska', 6, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. 6'],\r\n\t\t\t\t\t\t\t                            ['Wyoming', 7, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Colorado', 8, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Kansas', 9, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Utah', 10, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Minnesota', 11, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Lowa', 12, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Oregon', 13, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Nevada', 14, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['California', 15, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['New Mexico', 16, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Oklahoma', 17, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Texas', 18, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'],\r\n\t\t\t\t\t\t\t                            ['Ohio', 19, 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Indiana', 20, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Wisconsin', 21, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Lllinois', 22, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            ['South Carolina ', 23, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Virginia', 24, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' North Carolina', 25, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Arizona', 26, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Alaska', 27, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Hawaii', 28, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Maine', 29, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                            [' Florida', 30, ' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '],\r\n\t\t\t\t\t\t\t                        ]);\r\n\r\n                        var view = new google.visualization.DataView(data);\r\n                        view.setColumns([0, 1]);\r\n\r\n                        var GeoChart = new google.visualization.ChartWrapper({\r\n                            chartType: 'GeoChart',\r\n                            containerId: 'map-600',\r\n                            dataTable: view,\r\n                            options: {\r\n                                region: 'US',\r\n                                legend: {textStyle: {color: 'blue', fontSize: 16}},\r\n                                legend: 'none',\r\n                                datalessRegionColor: '#98a8e0',\r\n                                defaultColor: '#f5f5f5',\r\n                                backgroundColor: {\r\n                                    fill: '#ffffff',\r\n                                    stroke: '#ffffff',\r\n                                    strokeWidth: 0,\r\n                                },\r\n                                resolution: 'provinces',\r\n                                displayMode: 'regions',\r\n                                enableRegionInteractivity: true,\r\n                                keepAspectRatio: false,\r\n                                colorAxis: {\r\n                                    minValue: 0, maxValue: 30,\r\n                                    colors: [\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#3134d6',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#9832ba',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#9a32bc',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#9832ba',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#1e73be',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd9933',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#81d742',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#8224e3',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#81d742',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#143c70',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#1e73be',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#81d742',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#8224e3',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#81d742',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#ddc644',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#9fe045',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#2d949b',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#342eaa',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#122196',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#0b8e00',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#dd3333',\r\n\t\t\t\t\t\t\t\t\t\t                                        '#eeee22',\r\n\t\t\t\t\t\t\t\t\t\t                                    ]\r\n                                },\r\n                                tooltip: {\r\n                                    textStyle: {color: '#000000'},\r\n                                    showColorCode: true,\r\n                                    trigger: 'focus',\r\n                                    isHtml: false,\r\n                                    showTitle: true},\r\n                            }\r\n                        });\r\n\r\n                        google.visualization.events.addListener(GeoChart, 'ready', function () {\r\n                            google.visualization.events.addListener(GeoChart.getChart(), 'select', function () {\r\n                                var selection = GeoChart.getChart().getSelection();\r\n                                if (selection.length > 0) {\r\n                                    \/\/window.open('http:\/\/' + data.getValue(selection[0].row, 2), '_blank');\r\n                                    var region_data = document.getElementById('map_data-600');\r\n                                    region_data.innerHTML = '<h2>' + data.getValue(selection[0].row, 0) + '<\/h2>' +\r\n                                        '<p>' + data.getValue(selection[0].row, 2) + '<\/p>';\r\n                                }\r\n                            });\r\n                        });\r\n                        GeoChart.draw();\r\n                    });\r\n                <\/script>\r\n\t\t\t<div class=\"wl_agm container\">\r\n    <div id=\"map-600\"><\/div>\r\n    <div id=\"map_data-600\"><\/div>\r\n    <p><\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-601","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/pages\/601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/comments?post=601"}],"version-history":[{"count":3,"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/pages\/601\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/pages\/601\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/advanced-google-maps\/wp-json\/wp\/v2\/media?parent=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}