How to load the map locally

Hi.
Since I need to load the map on Ships, I need to make sure that on the local network of the ship I can make request to a different URL, I mean app.mappedin.com or CDN addresses like https://cdn.mappedin.com to be replaced with my own base path and from that base path, I call the mapped in services.
How can I do that ?
Is there a specific part documentation relating to this ?

The Mappedin Viewer that you can embed into a web page does not currently support an offline mode, but Mappedin JS does!

This means you could create a custom web app using Mappedin JS that read map data from a local source, with a couple of caveats. Any images added to the map using the Mappedin Editor will not be available. These are supplied to Mappedin JS as URLs, which you could read in your app and then change to point to a new image location hosted from somewhere on the ship.

To do this, you’ll first need to download the map using a system that is online and store the map data as JSON using MapData. toJSONBundle.

Then, on the offline system instead of using the getMapData() method, use the hydrateMapData() method to read in the JSON you saved previously.

There is also a way to download a Mappedin Venue Format (MVF) file from our REST API and load that into Mappedin JS. Instructions for downloading an MVF can be found here: Getting Started with MVF v2

We’ll be adding instructions on how to load these using Mappedin JS to our developer guides soon.

I’ve updated our Getting Started guide to cover the methods that support offline usage. Have a look at Offline Mode and let me know if you have any questions.

Hi again,
Thanks for your guide.
I downloaded the zip file from the editor.
Let’s say I want to have it in my project locally.
As far as I know, I must be able to load this zip and unzip it, without needing to fetch it from API, if I have downloaded it. But I get errors and also I wanted to check the code sandbox example which in the screenshot below I see this error.

So my main question in here is this.
I have the zip file from the editor, I must be able to load it in the project(lets say under public directory for example) and then instead of the API call, I fetch the zip file locally. Am I right?

I would be glad, If you could guide me on how to use the downloaded zip file from the editor in the project.
thanks.

After copying the zip file to your public folder you would access it using its URL, not read it locally. The web app running in the user’s browser needs to download the zip file from your server. So replace the URL in the fetch call above with one that points to the zip file on your server.

Hi again,
Thanks for your guide.
it worked out.

Now I have another problem.

Since we are enterprise tier, I want to know how can I remove mapped watermark on the map.

Glad to hear the guide helped.

Since you are on enterprise tier, I assume you are in contact with a sales account manager from Mappedin. They are the one to discuss watermark removal with.

Hi ,
Hope you are doing well.

As I have explained before, we are using your service on ships which because of bandwidth and internet we load the map locally(offline).

We have a system which downloads the map.
First, it sends a request to get an access token.
Second, it passes all the necessary keys and secrets to get an MVF url.
Third, it gets an mvf url.
Finally, it uses SDK available tools to unzip the file and show the map.

The problem is we still see the watermark on ships.
We have this problem when we are offline.

The Mappedin watermark will show even when loading the map in offline mode. It can only be disabled by Mappedin. Please use the Contact Us form to start a discussion for this request.