{"id":311,"date":"2007-07-03T01:34:49","date_gmt":"2007-07-03T06:34:49","guid":{"rendered":"http:\/\/www.juixe.com\/techknow\/index.php\/2007\/07\/03\/google-maps-builder\/"},"modified":"2007-07-03T01:34:49","modified_gmt":"2007-07-03T06:34:49","slug":"google-maps-builder","status":"publish","type":"post","link":"http:\/\/juixe.com\/techknow\/index.php\/2007\/07\/03\/google-maps-builder\/","title":{"rendered":"Google Maps Builder"},"content":{"rendered":"<p>I have a really good friend that runs a small travel related <a href=\"http:\/\/www.couturecentral.com\/\">blog<\/a> and she wanted to add Google Maps to her site to go along with her articles, such as this post on <a href=\"http:\/\/www.couturecentral.com\/2007\/06\/05\/favorite-restaurants-in-la\/\">LA restaurants<\/a>.  But she is a not a developer and would never ever want to tinker with the necessary JavaScript code used by the Google Maps API.  To help in her task of generating custom maps I quickly whipped up <a href=\"http:\/\/www.juixe.com\/mapBuilder\">Map Builder<\/a>.  Map Builder allows you to zoom in, center, and add any number of markers to a Google Maps canvas.  Once you are happy with how a map looks, you can generate the necessary JavaScript code which can be embedded in you website.  You do need to sign up for a <a href=\"http:\/\/www.google.com\/apis\/maps\/\">Google Maps API key<\/a> before you can display the map on your domain.<\/p>\n<p>On the technical side, I use the Google <b>Geocoder<\/b> to resolve the longitude and latitude of a given address.  Creating a marker for that location is pretty straight forward and there are plenty of examples in the Google Maps documentation.  To generate the custom JavaScript source code I used the <a href=\"http:\/\/code.google.com\/p\/trimpath\/wiki\/JavaScriptTemplates\">JavaScript Templates<\/a> library from the <a href=\"http:\/\/code.google.com\/p\/trimpath\/\">Trimpath<\/a> project.<\/p>\n<p>Technorati Tags: <a href=\"http:\/\/technorati.com\/tag\/javascript\" rel=\"tag\">javascript<\/a>, <a href=\"http:\/\/technorati.com\/tag\/js\" rel=\"tag\"> js<\/a>, <a href=\"http:\/\/technorati.com\/tag\/trimpath\" rel=\"tag\"> trimpath<\/a>, <a href=\"http:\/\/technorati.com\/tag\/javascript+templates\" rel=\"tag\"> javascript templates<\/a>, <a href=\"http:\/\/technorati.com\/tag\/google+maps\" rel=\"tag\"> google maps<\/a>, <a href=\"http:\/\/technorati.com\/tag\/map+builder\" rel=\"tag\"> map builder<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have a really good friend that runs a small travel related blog and she wanted to add Google Maps to her site to go along with her articles, such as this post on LA restaurants. But she is a not a developer and would never ever want to tinker with the necessary JavaScript code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[16,3],"tags":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p902K-51","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/311"}],"collection":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":0,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/311\/revisions"}],"wp:attachment":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/media?parent=311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/categories?post=311"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/tags?post=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}