{"id":262,"date":"2011-10-06T11:36:19","date_gmt":"2011-10-06T11:36:19","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=262"},"modified":"2011-10-06T11:36:19","modified_gmt":"2011-10-06T11:36:19","slug":"google-maps","status":"publish","type":"page","link":"http:\/\/fleurieuliving.com.au\/flm\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"<h6>Parameters<\/h6>\n<ul>\n<li><strong>width:<\/strong> Width of the Map<\/li>\n<li><strong>height:<\/strong> Height of the Map<\/li>\n<li><strong>address:<\/strong> Address on which the viewport will be centered.<\/li>\n<li><strong>latitude:<\/strong> Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view.<\/li>\n<li><strong>longitude:<\/strong> Same as above but for longitude\u2026<\/li>\n<li><strong>zoom:<\/strong> Zoom value from 1 to 19 where 19 is the greatest and 1 the smallest.<\/li>\n<li><strong>html:<\/strong> Content that will be shown within the info window for this marker.<\/li>\n<li><strong>popup:<\/strong> If true the info window for this marker will be shown when the map finished loading. If \u201chtml\u201d is empty this option will be ignored.<\/li>\n<li><strong>controls:<\/strong> A simple array of string values representing the function names (without \u201c()\u201d) to add controls. Please refer to the <a href=\"http:\/\/code.google.com\/intl\/en-US\/apis\/maps\/documentation\/javascript\/v2\/reference.html#GControlImpl\">Google Maps API<\/a> for possible values. If empty the default map controls will be applied.<\/li>\n<li><strong>scrollwheel:<\/strong> Set to false to disable zooming with your mouses scrollwheel. If \u201ccontrols\u201d is not set this option will be ignored (because default map controls are applied).<\/li>\n<li><strong>maptype:<\/strong> Predefined variable for setting the map type. Please refer to the<br \/>\n<a href=\"http:\/\/code.google.com\/intl\/en-US\/apis\/maps\/documentation\/javascript\/v2\/introduction.html#MapTypes\">Google Maps API<\/a> for possible values.<\/li>\n<li><strong>marker:<\/strong> Set to false to disable display a marker in the viewport<\/li>\n<\/ul>\n<h6>Simple Map<\/h6>\n<p>Displays a simple map with controls and adds one marker. The viewport gets centered automatically.<\/p>\n<pre>[gmap latitude=\"47.660937\" longitude=\"9.569803\"]<\/pre>\n<div id=\"google_map_292\" class=\"google_map\" style=\"height:400px\"><\/div>\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n\t\tjQuery(\"#google_map_292\").gMap({\r\n\t\t\tlatitude: 47.660937,\r\n\t\t\tlongitude: 9.569803,\r\n\t\t\tmaptype: 'TERRAIN', \/\/ 'HYBRID', 'SATELLITE', 'ROADMAP' or 'TERRAIN'\r\n\t\t\tzoom: 8,\r\n\t\t\tmarkers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlatitude: 47.660937,\r\n\t\t\t\t\tlongitude: 9.569803,\r\n\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\tpopup: true,\r\n\t\t\t\t\thtml: \"\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tcontrols: {\r\n\t\t\t\tpanControl: true,\r\n\t\t\t\tzoomControl: true,\r\n\t\t\t\tmapTypeControl: true,\r\n\t\t\t\tscaleControl: true,\r\n\t\t\t\tstreetViewControl: false,\r\n\t\t\t\toverviewMapControl: false\r\n\t\t\t}\r\n\t\t});\r\n});\r\n<\/script>\n<p>&nbsp;<\/p>\n<h6>Different Map Type<\/h6>\n<p>Displays a simple map with address and a different map type. Available choices for map types: &#8216;HYBRID&#8217;, &#8216;SATELLITE&#8217;, &#8216;ROADMAP&#8217; or &#8216;TERRAIN&#8217;<\/p>\n<pre>[gmap latitude=\"47.660937\" longitude=\"9.569803\" html=\"Tettnang, Germany\" maptype=\"ROADMAP\"  zoom=\"10\"]<\/pre>\n<div id=\"google_map_358\" class=\"google_map\" style=\"height:400px\"><\/div>\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n\t\tjQuery(\"#google_map_358\").gMap({\r\n\t\t\tlatitude: 47.660937,\r\n\t\t\tlongitude: 9.569803,\r\n\t\t\tmaptype: 'ROADMAP', \/\/ 'HYBRID', 'SATELLITE', 'ROADMAP' or 'TERRAIN'\r\n\t\t\tzoom: 5,\r\n\t\t\tmarkers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlatitude: 47.660937,\r\n\t\t\t\t\tlongitude: 9.569803,\r\n\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\tpopup: true,\r\n\t\t\t\t\thtml: \"Tettnang, Germany\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tcontrols: {\r\n\t\t\t\tpanControl: true,\r\n\t\t\t\tzoomControl: true,\r\n\t\t\t\tmapTypeControl: true,\r\n\t\t\t\tscaleControl: true,\r\n\t\t\t\tstreetViewControl: false,\r\n\t\t\t\toverviewMapControl: false\r\n\t\t\t}\r\n\t\t});\r\n});\r\n<\/script>\n<p>&nbsp;<\/p>\n<h6>Map With Address<\/h6>\n<p>you can use address instead of latitude\/longitude.<br \/>\ngMap automatically geocodes the given string and places a marker and center the viewport.<\/p>\n<pre>[gmap address=\"Tettnang, Germany\" html=\"Tettnang, Germany\" maptype=\"HYBRID\" zoom=\"9\"]<\/pre>\n<div id=\"google_map_396\" class=\"google_map\" style=\"height:400px\"><\/div>\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n\t\tjQuery(\"#google_map_396\").gMap({\r\n\t\t\tlatitude: 0,\r\n\t\t\tlongitude: 0,\r\n\t\t\tmaptype: 'HYBRID', \/\/ 'HYBRID', 'SATELLITE', 'ROADMAP' or 'TERRAIN'\r\n\t\t\tzoom: 9,\r\n\t\t\tmarkers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlatitude: 0,\r\n\t\t\t\t\tlongitude: 0,\r\n\t\t\t\t\taddress: \"Tettnang, Germany\",\r\n\t\t\t\t\tpopup: true,\r\n\t\t\t\t\thtml: \"Tettnang, Germany\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tcontrols: {\r\n\t\t\t\tpanControl: true,\r\n\t\t\t\tzoomControl: true,\r\n\t\t\t\tmapTypeControl: true,\r\n\t\t\t\tscaleControl: true,\r\n\t\t\t\tstreetViewControl: false,\r\n\t\t\t\toverviewMapControl: false\r\n\t\t\t}\r\n\t\t});\r\n});\r\n<\/script>\n<p>&nbsp;<\/p>\n<h6>Map with Disabled Controls<\/h6>\n<p>Displays a simple map with controls and adds one marker. The viewport gets centered automatically.<\/p>\n<pre>[gmap latitude=\"47.660937\" longitude=\"9.569803\" controls=\"false\"]<\/pre>\n<div id=\"google_map_201\" class=\"google_map\" style=\"height:400px\"><\/div>\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n\t\tjQuery(\"#google_map_201\").gMap({\r\n\t\t\tlatitude: 47.660937,\r\n\t\t\tlongitude: 9.569803,\r\n\t\t\tmaptype: 'TERRAIN', \/\/ 'HYBRID', 'SATELLITE', 'ROADMAP' or 'TERRAIN'\r\n\t\t\tzoom: 8,\r\n\t\t\tmarkers: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlatitude: 47.660937,\r\n\t\t\t\t\tlongitude: 9.569803,\r\n\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\tpopup: true,\r\n\t\t\t\t\thtml: \"\"\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tcontrols: {\r\n\t\t\t\tpanControl: true,\r\n\t\t\t\tzoomControl: false,\r\n\t\t\t\tmapTypeControl: false,\r\n\t\t\t\tscaleControl: false,\r\n\t\t\t\tstreetViewControl: false,\r\n\t\t\t\toverviewMapControl: false\r\n\t\t\t}\r\n\t\t});\r\n});\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Parameters width: Width of the Map height: Height of the Map address: Address on which the viewport will be centered. latitude: Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view. longitude: Same as above but for longitude\u2026 zoom: Zoom value from 1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"fullwidth.php","meta":{"footnotes":""},"class_list":["post-262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/pages\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":0,"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"wp:attachment":[{"href":"http:\/\/fleurieuliving.com.au\/flm\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}