{"id":157,"date":"2017-01-31T18:00:43","date_gmt":"2017-01-31T18:00:43","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=157"},"modified":"2017-01-31T18:00:43","modified_gmt":"2017-01-31T18:00:43","slug":"maps","status":"publish","type":"page","link":"https:\/\/hotelfranceslamaison.com\/index.php\/elements\/maps\/","title":{"rendered":"Elements – Maps"},"content":{"rendered":"

[vc_row full_width=\u00bbstretch_row\u00bb][vc_column]\n\t\t\t

\n\t\t\t\t
<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
[vc_column_text]<\/p>\n

Maps<\/h1>\n

These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n

\n

Explore all of Stack’s modular elements
\nat the\u00a0Element Index Page \u2192<\/a>[\/vc_column_text]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/section>\n\t\t[\/vc_column][\/vc_row][vc_section css=\u00bb.vc_custom_1498220876889{padding-top: 0px !important;}\u00bb ebor_docs=\u00bb\u00bb][vc_row css=\u00bb.vc_custom_1485825445121{margin-bottom: 30px !important;}\u00bb][vc_column width=\u00bb5\/12″]

[vc_column_text]<\/p>\n

Iframe Map<\/h4>\n

Basic iframe maps can be embedded from maps.google.com<\/a>. By default, the iframe map will span 100% the width of the container it is placed inside.<\/p>\n

NOTE:<\/strong> Customizing the maps appearance is not available in the iframe embed.<\/p>\n

[\/vc_column_text]<\/div><\/div>[\/vc_column][vc_column width=\u00bb7\/12″][vc_gmaps link=\u00bb#E-8_JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xlLmNvbSUyRm1hcHMlMkZlbWJlZCUzRnBiJTNEJTIxMW0xOCUyMTFtMTIlMjExbTMlMjExZDQwMjU4Ni44NDcwNDY0ODI2NyUyMTJkMTQ0Ljc3Mjk1NzY4MjIxMDc3JTIxM2QtMzcuOTcyMjM0MjM0Mzc0NTc1JTIxMm0zJTIxMWYwJTIxMmYwJTIxM2YwJTIxM20yJTIxMWkxMDI0JTIxMmk3NjglMjE0ZjEzLjElMjEzbTMlMjExbTIlMjExczB4NmFkNjQ2YjVkMmJhNGRmNyUyNTNBMHg0MDQ1Njc1MjE4Y2NkOTAlMjEyc01lbGJvdXJuZSUyQlZJQyUyMTVlMCUyMTNtMiUyMTFzZW4lMjEyc2F1JTIxNHYxNDcyNTMyNzExOTI4JTIyJTIwJTNFJTNDJTJGaWZyYW1lJTNF\u00bb][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row css=\u00bb.vc_custom_1485825445121{margin-bottom: 30px !important;}\u00bb][vc_column width=\u00bb5\/12″]

[vc_column_text]<\/p>\n

Google Maps API<\/h4>\n

For a map with more style options, opt for the Google Maps API map. This map requires you to have your own developer API key from Google but opens up more attractive options for embedded maps.<\/p>\n

There are a number of data attribute options to customise the behaviour of the map:<\/p>\n