mapkitjs resource websites cannot be found

Question

Created May ’23

Replies 3

Boosts 0

Participants 2

I am trying to use mapkitjs. I have used mapkit on ios extensively, but would like to use mapkitjs, as well. When I load a simple webpage, the page generated by the dashboard when I generated a token on the dashboard, the javascript console shows that the resources are not loading because the webpages cannot be found by Safari. One page, for instance, is: https://mw-ci1-mapkitjs.geo.apple.com/admin/source-maps/5.75.101/source-maps/libs/mapkit.core.f5d12d.js.map There are several others, as well. The map does display correctly, I am able to declare a coordinate and region and have the map display the map showing that region. However, attempting to add an annotation does not work, as the variable MarkerAnnotation can not found. The error is: [Error] Unhandled Promise Rejection: ReferenceError: Can't find variable: MarkerAnnotation I have tried changing the library from "map" to "full-map" and that does not seem to help. I do not understand why all the mapkitjs libs cannot be found by Safari. Is it because at this early stage I am just hardcoding the token in the page? Nothing indicates this is a problem.

Boost

Answer 1

Websawyer OP

May ’23

Okay, I resolved the real problem that concerned me, that the MarkerAnnotation was not found. Unlike the example on the Apple webpage (https://developer.apple.com/maps/web/) for adding annotations which declared a new annotation this way, var sfoAnnotation = new MarkerAnnotation(sfo, { color: "#f4a56d", title: "SFO", glyphText: "✈️" }); ... it was necessary for me to declare it this way, var sfoAnnotation = new mapkit.MarkerAnnotation(sfo, { color: "#f4a56d", title: "SFO", glyphText: "✈️" }); ... note the needed "mapkit." for the type to be found! Once again, Apple ...

0

Answer 2

Websawyer OP

May ’23

After further use, I noticed that when I include more libraries (or using mapkit.js, not mapkit-core.js), most of the resources seemed to be loaded, apparently, so I assume that their not loading is not a problem. I only have one that never loads at this point, so there must be something that I am not taking advantage of! Not really sure, and no longer worried about it. Thanks Apple, for creating this js library, because I had used UMN's Mapserver in the past, but had no desire to maintain a machine on the web to serve maps with it. This makes a cool companion to an app.

0

Answer 3

capucinus OP

Oct ’23

I am having the same issue with:

Failed to load resource: A server with the specified hostname could not be found. https://mw-ci1-mapkitjs.geo.apple.com/admin/source-maps/5.75.101/source-maps/libs/mapkit.core.f5d12d.js.map

At first I thought it was a CSP header issue not white-listing that server because it was a different server name than the mapKit server. But that is not the problem. I get the same errors in Safari on macOS and iOS. But no in the Chrome browser on macOS.

0