Displaying Indoor Maps with MapKit JS
At a glance
| Item | Summary |
|---|---|
| Purpose | Use the Indoor Mapping Data Format (IMDF) to show an indoor map with custom overlays and points of interest in your browser. |
| App architecture | A JavaScript sample centered on IMDFArchive, with direct use of MapKit JS. |
| Main patterns | No named application pattern supported by the extracted structure |
| Project style | 3 scanned source file(s) across JavaScript, organized around ranked entry, type, and file boundaries. |
| Execution model | No structured execution marker indexed; callback threading requires source review. |
| State/event model | No structured observation or publisher-scheduling marker indexed. |
| Key frameworks/packages | No path-level import or package-manifest evidence indexed. |
Project structure
Source bundle/
└── Dinoseum/
├── IMDFArchive.js
├── IndoorMap.js
└── LevelPicker.js
Structure observations
- Architecturally prominent files are ranked from entry points and role-named declarations; resource-only paths are omitted.
- Primary languages: JavaScript.
- The verified tree contains 0 project/configuration file(s) and 0 source declaration(s).
Overall architecture
flowchart LR
N1["IMDFArchive"]
N2["MapKit JS topic boundary"]
N1 --> N2
Reference code
Dinoseum/IMDFArchive.js:1 — architecture anchor
/*
See the LICENSE.txt file for this sample’s licensing information.
Abstract:
The IMDF archive class contains the indoor mapping data organized by feature types and implements level-based feature filtering.
See LICENSE folder for this sample’s licensing information.
*/Interpretation
The arrows summarize the source-visible entry, role-named types or folders, and framework direction; when nodes come from structural folders, the sequence is a high-level interpretation rather than proof that every adjacent node calls the next. Ownership is claimed only where the next section cites a stored property or assignment. The diagram is intentionally limited to the dominant path into MapKit JS.
Ownership and state
classDiagram
IMDFArchive *-- XMLHttpRequest : xhr
IndoorMap *-- XMLHttpRequest : xhr
IndoorMap *-- Map : map
IndoorMap *-- LevelPicker : levelPicker
Ownership evidence
Dinoseum/IMDFArchive.js:28 — stored dependency or nearest verified ownership anchor
var xhr = new XMLHttpRequest();| Owner | Object or state | Relationship | Mutation authority |
|---|---|---|---|
IMDFArchive |
XMLHttpRequest (xhr) |
creates and retains | App/module collaborators |
IndoorMap |
XMLHttpRequest (xhr) |
creates and retains | App/module collaborators |
IndoorMap |
Map (map) |
creates and retains | App/module collaborators |
IndoorMap |
LevelPicker (levelPicker) |
creates and retains | App/module collaborators |
Composition arrows indicate a source-visible construction expression or locally owned value state; aggregation means the owner stores or receives a dependency without proving exclusive lifetime ownership.
Concurrency, scheduling, and thread safety
Evidence limit: actor isolation, async/await, or Task creation does not by itself prove background-thread execution; Sendable conformance alone does not prove thread-safe mutation.
No source-visible execution, scheduling, or synchronization boundary was found in the indexed source.
@MainActor/MainActor.run, DispatchQueue.main, and RunLoop.main are reported as distinct isolation, queue, and event-loop mechanisms. A plain Task is kept separate from Task.detached; neither is labeled as a background thread.
State propagation, frameworks, and dependencies
Evidence limit: an import proves a source-level compilation dependency at the cited line; it does not prove runtime use, architectural adoption, or whether a Swift package is a direct application dependency.
No source-visible state propagation, framework import, or package dependency was found in the indexed source.
receive(on:) describes downstream delivery scheduling, while subscribe(on:) describes upstream subscription/request/cancel scheduling. An import Combine alone establishes neither behavior nor a Store, reducer, Redux, or other application architecture.
Class and protocol design
Dinoseum/IndoorMap.js:9 — representative type boundary
"use strict";| Type | Responsibility | Depends on or conforms to |
|---|---|---|
| No local class/protocol declaration | Procedural or file-level feature logic | Language module and imported APIs |
No local protocol conformance is claimed as protocol-oriented design; external framework conformances are listed only as dependencies.
Access control
| Symbol | Access | Verified effect | Likely rationale |
|---|---|---|---|
LevelPicker (Dinoseum/LevelPicker.js:9) |
language/file boundary |
Visibility follows the language’s file, module, and export rules rather than Swift access modifiers. | Inference: the language’s file or module boundary is sufficient for this sample collaboration. |
Reference code
Dinoseum/LevelPicker.js:9 — representative boundary
"use strict";Swift declarations without a modifier are internal; explicit private, fileprivate, private(set), public, or open entries above are interpreted by language semantics. Objective-C/C samples instead rely on header and implementation boundaries, which are not equivalent to Swift lexical privacy.
Logic ownership and placement
| Logic | Owning type or file | Placement rationale |
|---|---|---|
| Feature and framework orchestration | IMDFArchive |
The sample keeps the demonstrated path in its primary concrete type. |
Design patterns
| Pattern | Source evidence | Purpose or tradeoff |
|---|---|---|
| No named application pattern | Dinoseum/IMDFArchive.js:1 |
The verified source directly composes concrete framework types; this document avoids forcing a pattern name. |
Naming conventions
- Types: feature-specific names rather than reusable layer suffixes.
- Protocols: no local protocol declaration in the scanned source.
- Methods:
ImdfArchive,createItemsForOrdinal,showOrdinal,createAnnotationElement,LevelPicker. - Files: feature/project roles rather than a strict one-type-per-file rule.
Architecture takeaways
IMDFArchiveis the main source-visible entry or composition anchor for this sample.- Framework work reaches MapKit JS through a deliberately small high-level chain; the detailed API graph remains inside the cited implementation files.
- Stored-property evidence identifies lifecycle collaboration; it does not by itself prove exclusive object ownership.
- Access-control conclusions separate verified language visibility from the likely design rationale.
- The source does not justify labeling the design protocol-oriented.
Source map
| Source file | Relevant symbols |
|---|---|
Dinoseum/IMDFArchive.js |
IMDFArchive, Cited implementation, Feature implementation |
Dinoseum/IndoorMap.js |
IndoorMap, Feature implementation |
Dinoseum/LevelPicker.js |
LevelPicker, Feature implementation |