Discover the variety of upscale floor plans with Magnolia Station's one, two or three-bedroom apartments. Units are available as mid-rise or loft-style apartment homes.
// 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)
})
}
})
![Rendering of the A106 floor plan with 1 bedroom[s] and 1 bathroom[s] at Magnolia Station](https://magnoliastationdallas.com/wp-content/uploads/sites/3/2022/06/floorplan-34018.jpg)