{"id":3625,"date":"2018-08-01T16:44:05","date_gmt":"2018-08-01T09:44:05","guid":{"rendered":"http:\/\/www.ngd.la\/?page_id=3625"},"modified":"2018-08-02T08:59:06","modified_gmt":"2018-08-02T01:59:06","slug":"googletestmap","status":"publish","type":"page","link":"http:\/\/www.ngd.la\/?page_id=3625&lang=en","title":{"rendered":"GoogleTestMap"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html><br \/>\n  <head><\/p>\n<style>\n       \/* Set the size of the div element that contains the map *\/\n      #map {\n        height: 90vh;  \/* The height is 400 pixels *\/\n        width: 100vh;  \/* The width is the width of the web page *\/\n   \t\tbackground-color: grey;\n       }\n    <\/style>\n<p>  <\/head><br \/>\n  <body><\/p>\n<h3>\u0e97\u0eb5\u0ec8\u0e95\u0eb1\u0ec9\u0e87\u0e81\u0ebb\u0ea1\u0ec1\u0e9c\u0e99\u0e97\u0eb5\u0ec8\u0ec1\u0eab\u0ec8\u0e87\u0e8a\u0eb2\u0e94<\/h3>\n<p>    <!--The div element for the map --><\/p>\n<div id=\"map\"><\/div>\n<p>    <script>\n\/\/ Initialize and add the map\nfunction initMap() {\n  \/\/ The location of NGD\n  var ngd = {lat: 17.974, lng: 102.617};\n  var mapOptions = {\n  \t   zoom: 16,\n  \t   center: ngd,\n  \t   mapTypeId: 'hybrid'\n};\n  \/\/ The map, centered at NGD\n  var map = new google.maps.Map(\n      document.getElementById('map'), mapOptions);\n  \/\/ The marker, positioned at NGD\n  var marker = new google.maps.Marker({position: ngd, map: map});\n}\n    <\/script><br \/>\n    <!--Load the API from the specified URL\n    * The async attribute allows the browser to render the page while the API loads\n    * The key parameter will contain your own API key (which is not needed for this tutorial)\n    * The callback parameter executes the initMap() function\n    --><br \/>\n    <script async defer\n    src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBXR6nyeHp7poGbSQWC3uQdEYZD6jlWizs&#038;callback=initMap\">\n    <\/script><br \/>\n  <\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e97\u0eb5\u0ec8\u0e95\u0eb1\u0ec9\u0e87\u0e81\u0ebb\u0ea1\u0ec1\u0e9c\u0e99\u0e97\u0eb5\u0ec8\u0ec1\u0eab\u0ec8\u0e87\u0e8a\u0eb2\u0e94<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/pages\/3625"}],"collection":[{"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ngd.la\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3625"}],"version-history":[{"count":2,"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/pages\/3625\/revisions"}],"predecessor-version":[{"id":3627,"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/pages\/3625\/revisions\/3627"}],"up":[{"embeddable":true,"href":"http:\/\/www.ngd.la\/index.php?rest_route=\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"http:\/\/www.ngd.la\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}