Gallery

Are you a Modern Spirit? Or, a Vintage Soul?

View all that Magnolia Station has to offer

Flip through the gallery to discover each apartment experience. Discover all the Magnolia Station spaces like the different apartment floor plans, community areas, neighborhood spots or take a virtual tour.

// intro to metrics api to ensure Sightmap is loaded and ready for events document.addEventListener("DOMContentLoaded", function (event) { var spacesSightMap = document.getElementById('spaces_sightmap') function initSmMetrics() { const embed = new SightMap.Embed("spaces_sightmap") // console.log(embed) // Load scripts when SightMap is ready embed.on("ready", function () { // console.log("SightMap is ready") // A Unit Details element is clicked embed.on("metrics.unitDetails.apply.click", function (event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const eventName = `SM Apply Click - #${unitNumber}` gtag("event", eventName) }) //metrics.unitlist.unit.click embed.on("metrics.unitList.unit.click", function (event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const eventName = `SM Unit Click - #${unitNumber}` gtag("event", eventName) }) //metrics.unitmap.unit.click embed.on("metrics.unitMap.unit.click", function (event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const eventName = `SM Unit Click - #${unitNumber}` gtag("event", eventName) }) //metrics.unitmatches.impression embed.on("metrics.unitMatches.impression", function (event) { // console.log(event) const eventName = "SM View" gtag("event", eventName) }) //metrics.unitDetails.outbound.click embed.on("metrics.unitDetails.outbound.click", function (event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const ctaName = event.data.label const eventName = `SM CTA ${ctaName} - #${unitNumber}` gtag("event", eventName) }) }) } if (typeof spacesSightMap != 'null') { initSmMetrics() } // After initial load, bind events to the tab changes to listen for the SightMap Embed tab to load const spacesTabsControls = document.querySelectorAll('[data-spaces-tab-control]') spacesTabsControls.forEach((control) => { control.addEventListener("click", function () { // console.log('A SPACES tab control button has been clicked.') // Wait a moment for the SM to load before trying to test for it. setTimeout(() => { if (typeof spacesSightMap != 'null') { initSmMetrics() } else { // Try to redefine the SightMap Element, as it wasn't set at load but may be now that the tab has changed spacesSightMap = document.getElementById('spaces_sightmap') if (typeof spacesSightMap != 'null') { initSmMetrics() } } }, 500) }) }) }) // SPACES element metrics - NOTE: Requires SPACES version rc.7 or later document.addEventListener("DOMContentLoaded", function (event) { // Only load SPACES scripts if SPACES is present on page if (SPACES) { // console.log('SPACES ON PAGE') // A Unit Details element is clicked SPACES.on('metrics.unit.details.click', function(event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const eventName = `SP Unit ${unitNumber} Detail` gtag("event", eventName) }) // An Apply element is clicked SPACES.on('metrics.unit.apply.click', function(event) { // console.log(event) const unitNumber = event.data.unit.unitNumber const eventName = `SP Unit ${unitNumber} Apply` gtag("event", eventName) }) // A Floorplan Details element is clicked SPACES.on('metrics.plan.details.click', function(event) { // console.log(event) const floorPlan = event.data.unit.name const eventName = `SP Floorplan ${floorPlan} Detail` gtag("event", eventName) }) } })