{"id":189,"date":"2016-01-29T08:52:04","date_gmt":"2016-01-29T08:52:04","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=189"},"modified":"2016-03-14T07:04:27","modified_gmt":"2016-03-14T07:04:27","slug":"map","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/modules\/map\/","title":{"rendered":"Map"},"content":{"rendered":"<p><strong>Map<\/strong> module lets you add a google map to your site and style it. Before adding any Google Map to your pages, please read <a href=\"http:\/\/loftocean.com\/doc\/loftbuilder\/plugin-settings\/google-api\/\">Get a key to use Google Maps on your website<\/a>.<\/p>\n<h5>Editing a Map Module<\/h5>\n<ol>\n<li>Move your cursor onto the map module to show the <strong>Module Toolbar<\/strong>, click the <strong><i class=\"fa fa-pencil\"><\/i> (Edit)<\/strong> button.<\/li>\n<li>It opens the <strong>Module &#8211; Map<\/strong> settings panel. The map options includes:\n<ol>\n<li><strong>Map Height<\/strong> &#8211; Custom Height \/ Screen Height.<\/li>\n<li><strong>Address<\/strong> &#8211; Enter the address of the location you wish to show on map.<\/li>\n<li><strong>Lat &amp; Lng<\/strong> &#8211; To accurate the target location, you can use its latitude and longitude coordinates. Please keep reading to know how to get the coordinates.<\/li>\n<li><strong>Map Color Style<\/strong> &#8211; It provides 4 different color styles.<\/li>\n<li><strong>Custom Marker<\/strong> &#8211; Upload a custom marker image.<\/li>\n<\/ol>\n<\/li>\n<li>You can turn off the <strong>Content Edit Mode<\/strong> to see the page preview.<\/li>\n<\/ol>\n<h5>How to get Lat and Lng of a place<\/h5>\n<p>To get the coordinates of a place, please:<\/p>\n<ol>\n<li>Click to view <a target=\"_blank\" href=\"https:\/\/support.google.com\/maps\/answer\/18539?hl=en\">Search for &amp; get coordinates<\/a> on Google Map Help.<\/li>\n<li>Find <strong>Get the coordinates of a place<\/strong>. And find the coordinates by following those steps.<\/li>\n<li>You will find the Lat (latitude) and Lng (longitude) in the card:<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Map module lets you add a google map to your site and style it. Before adding any Google Map to your pages, please read Get a key to use Google Maps on your website. Editing a Map Module Move your cursor onto the map module to show the Module Toolbar, click the (Edit) button. It [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":152,"menu_order":170,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":965,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/189\/revisions\/965"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/152"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}