{"id":14,"date":"2006-10-31T17:08:13","date_gmt":"2006-10-31T15:08:13","guid":{"rendered":"http:\/\/blog.ansuz.nl\/index.php\/2006\/10\/31\/google-maps\/"},"modified":"2008-04-13T17:14:40","modified_gmt":"2008-04-13T15:14:40","slug":"google-maps","status":"publish","type":"post","link":"http:\/\/blog.ansuz.nl\/index.php\/2006\/10\/31\/google-maps\/","title":{"rendered":"Google maps"},"content":{"rendered":"<p>Omg, this is so much fun! <a title=\"Google Maps\" href=\"http:\/\/maps.google.com\/\" target=\"_blank\">Google Maps<\/a> has a complete API to implement a map on your site, customized to your very own needs.<\/p>\n<p>It&#8217;s quite simple, all you need to do is create a div-element and add some JavaScript, basically all that&#8217;s needed is this:<\/p>\n<div id=\"ig-sh-1\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">js<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"javascript\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">var map = new GMap2(document.getElementById(&quot;map&quot;));<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>A bit more in depth tutorial can be found at the API docs website (listed below).<\/p>\n<div>\n<ul>\n<li>API documentation: <a title=\"Google Maps API docs\" href=\"http:\/\/www.google.com\/apis\/maps\/documentation\/\" target=\"_blank\">http:\/\/www.google.com\/apis\/maps\/documentation\/<\/a><\/li>\n<li>My first test: <a title=\"My first test\" href=\"http:\/\/blog.ansuz.nl\/tests\/google\/maps01.html\" target=\"_blank\">h<\/a><a title=\"My first test\" href=\"http:\/\/blog.ansuz.nl\/tests\/google\/maps01.html\" target=\"_blank\">ttp:\/\/blog.ansuz.nl\/tests\/google\/maps01.html<\/a><\/li>\n<\/ul>\n<\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Omg, this is so much fun! Google Maps has a complete API to implement a map on your site, customized to your very own needs. It&#8217;s quite simple, all you need to do is create a div-element and add some &hellip; <a href=\"http:\/\/blog.ansuz.nl\/index.php\/2006\/10\/31\/google-maps\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[138],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-javascript"],"_links":{"self":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts\/14\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/categories?post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/tags?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}