InteractiveMap

A Library to use SVG Based Maps in interactively in SwiftUI.

• Works only with .svg based maps
• Allows you to modify all the provinces in map with the attributes that SwiftUI’s Shape provides
• Drag, drop and animate the provinces, as well as the map itself.

Usage

To draw your svg map in SwiftUI, use InteractiveMap View with a closure taking Province as the parameter.

import SwiftUI
import InteractiveMap

struct ContentView: View {
    @State private var clickedProvince: String = ""
    var body: some View {
        MapView(svgName: "tr") { province in
            ProvinceShape(province: province)
                .stroke(clickedProvince == province.id ? .purple : .black , lineWidth: 2)
                .onTapGesture {
                    clickedProvince = province.id
                    print("\(province.name) clicked!")
                }
        }

    }
}

InteractiveMap resizes itself to the assigned frame, and takes all available space by default.

You can do anything with ProvinceShape that SwiftUI allows you to do with Shapes.

GitHub

View Github