Using azure-maps-control package with Next.js

Asked Sep 03 '21 at 10:05

Active Sep 03 '21 at 10:05

Viewed 257 times

Is anyone using this package successfully with Next.js?

I'm importing the package as is written in the docs import * as atlas from 'azure-maps-control'.

If I try to use anything from atlas I get the same Error

You can replicate the issue by setting up a fresh Next.js app, adding this package and trying to use it.

Importing atlas as CDN works but I need to use azure-maps-control.

asked Sep 03 '21 at 10:05

shota nanuashvili

1

Looks like `azure-maps-control` depends on the DOM being present to work, so you'll probably need to [import it on the client-side only](https://stackoverflow.com/a/66100185/1870780). – juliomalves Sep 04 '21 at 15:08
@shota did you have any luck with the suggestion above? – asergaz Sep 23 '21 at 10:29
1

@asergaz Yes. I dynamically imported the component with `ssr: false` which was using azure-maps-control. It worked. – shota nanuashvili Oct 11 '21 at 17:12
Go ahead and post the answer + verify for others benefit! – asergaz Oct 12 '21 at 10:54

0 Answers0