title: How do I make an image act like a map (zoom/pan/map markers)?
body: <p>Swift 5 / Xcode 12.4</p>
  <p>I've got a single png image that's downloaded into the <code>Documents</code> folder and then loaded at runtime (currently as <code>UIImage</code>). This image has to act as some type of map:</p>
  <ol>
  <li>Pinch zoom</li>
  <li>Pan</li>
  <li>I want to place some type of map marker (e.g. a dot) in specific spots: The user can click on them (to open a popup with more information) and they move according to the zoom/pan but always stay the same size.</li>
  <li>Not full screen but inside a specific area in my <code>ViewController</code>.</li>
  </ol>
  <p>I already did the same thing in Android but all Java map libraries I found require tiles (I've only got a single big image), so I ended up using a &quot;zoom/pan&quot; library (also lets you set the maximum zoom) and created my own invisible image sublayer for the markers.</p>
  <p>For iOS I've found the <a href="https://developers.google.com/maps/documentation/ios-sdk/overview" rel="nofollow noreferrer">Goggle Maps SDK</a> and the <a href="https://developer.apple.com/documentation/mapkit/" rel="nofollow noreferrer">Apple MapKit</a> so far but they both look like they load rl map data and you can't set the actual image - is this possible with either of them?</p>
  <p>I haven't found a zoom/pan library for iOS yet (at least one that's not 5+ years old) either, so how do I best accomplish this? Write my own zoom/pan listeners and use some type of sublayer (that moves with the parent) for the map markers - is that the way to go/what UI objects do I have to use?</p>