{"id":2460,"date":"2017-03-22T07:32:00","date_gmt":"2017-03-22T07:32:00","guid":{"rendered":"https:\/\/greevill.com\/?page_id=2460"},"modified":"2017-03-22T07:32:00","modified_gmt":"2017-03-22T07:32:00","slug":"google-map","status":"publish","type":"page","link":"https:\/\/greevill.com\/pl\/google-map\/","title":{"rendered":"Google Map"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"g5plus-space space-69e4b9c2a31eb\" data-id=\"69e4b9c2a31eb\" data-tablet=\"40\" data-tablet-portrait=\"30\" data-mobile=\"30\" data-mobile-landscape=\"30\" style=\"clear: both; display: block; height: 40px\"><\/div><div class=\"g5plus-heading text-center text-dark text-small has-line line-top vc_custom_1491300026537\" >\n\t\t\t\t<h4 class=\"a-font\"><span>Our Location<\/span>\n\t\t<\/h4>\n\t<\/div><div id=\"map-69e4b9c2a40c6\"\n     class=\"g5plus-google-map\" style=\"height: 500px\">\n<\/div>\n\n<script>\n    (function ($) {\n        \"use strict\";\n        var G5PlusGoogleMap = {\n            init: function () {\n                G5PlusGoogleMap.settingMap();\n            },\n            settingMap: function () {\n                var bounds = new google.maps.LatLngBounds();\n                var mapStyle = [\n                    {\n                        \"featureType\": \"water\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#c6c6c6\"\n                            },\n                            {\n                                \"lightness\": 17\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"landscape\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#ebebeb\"\n                            },\n                        ]\n                    },\n                    {\n                        \"featureType\": \"road.highway\",\n                        \"elementType\": \"geometry.fill\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#d0d0d0\"\n                            },\n                        ]\n                    },\n                    {\n                        \"featureType\": \"road.highway\",\n                        \"elementType\": \"geometry.stroke\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#848484\"\n                            },\n                            {\n                                \"lightness\": 29\n                            },\n                            {\n                                \"weight\": 1\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"road.arterial\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#ebebeb\"\n                            },\n                            {\n                                \"lightness\": 18\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"road.local\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#ffffff\"\n                            },\n                            {\n                                \"lightness\": 16\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"poi\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#f5f5f5\"\n                            },\n                            {\n                                \"lightness\": 21\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"poi.park\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#dedede\"\n                            },\n                            {\n                                \"lightness\": 21\n                            }\n                        ]\n                    },\n                    {\n                        \"elementType\": \"labels.text.stroke\",\n                        \"stylers\": [\n                            {\n                                \"visibility\": \"on\"\n                            },\n                            {\n                                \"color\": \"#ffffff\"\n                            },\n                            {\n                                \"lightness\": 16\n                            }\n                        ]\n                    },\n                    {\n                        \"elementType\": \"labels.text.fill\",\n                        \"stylers\": [\n                            {\n                                \"saturation\": 36\n                            },\n                            {\n                                \"color\": \"#404040\"\n                            },\n                        ]\n                    },\n                    {\n                        \"elementType\": \"labels.icon\",\n                        \"stylers\": [\n                            {\n                                \"visibility\": \"on\"\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"transit\",\n                        \"elementType\": \"geometry\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#f2f2f2\"\n                            },\n                            {\n                                \"lightness\": 19\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"administrative\",\n                        \"elementType\": \"geometry.fill\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#fefefe\"\n                            },\n                            {\n                                \"lightness\": 20\n                            }\n                        ]\n                    },\n                    {\n                        \"featureType\": \"administrative\",\n                        \"elementType\": \"geometry.stroke\",\n                        \"stylers\": [\n                            {\n                                \"color\": \"#fefefe\"\n                            },\n                            {\n                                \"lightness\": 17\n                            },\n                            {\n                                \"weight\": 1.2\n                            }\n                        ]\n                    }\n                ];\n                var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n                var isDraggable = w > 1024 ? true : false;\n                var mapOptions = {\n                    mapTypeId: 'roadmap',\n                    styles: mapStyle,\n                    draggable: isDraggable,\n                    scrollwheel: false\n                };\n                var map = new google.maps.Map(document.getElementById(\"map-69e4b9c2a40c6\"), mapOptions);\n                var markers = [\n                    [\"\",\"\", 18.673604,105.674862,\"\"]];\n                var infoWindow = new google.maps.InfoWindow(), marker, i;\n                for (i = 0; i < markers.length; i++) {\n                    var position = new google.maps.LatLng(markers[i][2], markers[i][3]);\n                    $(\"#selectBox\").append('<option value=\"' + markers[i][2] + '_' + markers[i][3] + '\">' + markers[i][0] + '<\/option>');\n                    bounds.extend(position);\n                    marker = new google.maps.Marker({\n                        position: position,\n                        map: map,\n                        title: markers[i][0],\n                        icon: markers[i][4],\n                        animation: google.maps.Animation.DROP\n                    });\n                    google.maps.event.addListener(marker, 'click', (function (marker, i) {\n                        return function () {\n                            infoWindow.setContent('<h6>' + markers[i][0] + '<\/h6><div>' + markers[i][1] + '<\/div>');\n                            infoWindow.open(map, marker);\n                            if (marker.getAnimation() !== null) {\n                                marker.setAnimation(null);\n                            } else {\n                                marker.setAnimation(google.maps.Animation.DROP);\n                            }\n                        };\n                    })(marker, i));\n                    map.fitBounds(bounds);\n                }\n                var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function (event) {\n                    this.setZoom(map.getZoom() - 1);\n                    if (this.getZoom() > 15) {\n                        this.setZoom(15);\n                    }\n                    google.maps.event.removeListener(boundsListener);\n                });\n                                function displayRoute(directionsService, directionsDisplay) {\n                    directionsService.route({\n                        origin: positions,\n                        destination: document.getElementById('directions-input').value,\n                        travelMode: 'DRIVING'\n                    }, function (response, status) {\n                        if (status === google.maps.DirectionsStatus.OK) {\n                            directionsDisplay.setDirections(response);\n                        } else {\n                            window.alert('Could not display directions due to: ' + status);\n                        }\n                    });\n                }\n            },\n        };\n        $(document).ready(G5PlusGoogleMap.init);\n    })(jQuery);\n<\/script><div class=\"g5plus-space space-69e4b9c2a421a\" data-id=\"69e4b9c2a421a\" data-tablet=\"70\" data-tablet-portrait=\"10\" data-mobile=\"10\" data-mobile-landscape=\"10\" style=\"clear: both; display: block; height: 70px\"><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"Our Location","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2460","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/pages\/2460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/comments?post=2460"}],"version-history":[{"count":0,"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/pages\/2460\/revisions"}],"wp:attachment":[{"href":"https:\/\/greevill.com\/pl\/wp-json\/wp\/v2\/media?parent=2460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}