{"id":3624,"date":"2017-01-08T16:39:10","date_gmt":"2017-01-09T00:39:10","guid":{"rendered":"https:\/\/demo.bnecreative.com\/story\/?page_id=3624"},"modified":"2017-01-08T16:43:46","modified_gmt":"2017-01-09T00:43:46","slug":"google-maps","status":"publish","type":"page","link":"https:\/\/demo.bnecreative.com\/story\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"

There are many ways to display a Google Map. Traditionally you would use an iframe, which is still an option; however, we decided to go ahead and build in the Google Maps API to easily embed an interactive Google map using the [map] shortcode.<\/p>\n\t\t\t

<\/div>\n\t\t\t\t\t\t\n
<\/div>
<\/div>\n

API Requirements<\/h2>\n
\"Appearance
Appearance > Theme Options > General<\/figcaption><\/figure>\n

When using the built in Google Maps shortcode, you must first define an API key within Theme Options. This is because starting from June 2016, Google requires an API key to embed their maps on a site using their API scripts. If your site was already using the Google API prior then you should be fine.<\/p>\n

The API key is free up to a certain amount of request per month. In most cases, you should not hit this limit.<\/p>\n

<\/div>\n
<\/div>
<\/div>\n

Displaying<\/h2>\n

The map itself can be displayed as an image or interactive map and with the interactive map, you can disable the controls, zoom and scroll features.<\/p>\n

\n

Interactive Version<\/h3>\n\t\t\t
<\/div>\n\t\t\t\t\t\t\n<\/div>\n
\n

Static Version (image)<\/h3>\n\"Map\"\n<\/div>\n
<\/div>\n

Map Styles<\/h3>\n
\n

Roadmap<\/strong><\/p>\n\t\t\t

<\/div>\n\t\t\t\t\t\t\n<\/div>\n
\n

Satellite<\/strong><\/p>\n\t\t\t

<\/div>\n\t\t\t\t\t\t\n<\/div>\n
<\/div>\n
\n

Hybrid<\/strong><\/p>\n\t\t\t

<\/div>\n\t\t\t\t\t\t\n<\/div>\n
\n

Terrain<\/strong><\/p>\n\t\t\t

<\/div>\n\t\t\t\t\t\t\n<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

There are many ways to display a Google Map. Traditionally you would use an iframe, which is still an option; however, we decided to go […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/3624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/comments?post=3624"}],"version-history":[{"count":4,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/3624\/revisions"}],"predecessor-version":[{"id":3632,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/3624\/revisions\/3632"}],"wp:attachment":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/media?parent=3624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}