Share via

In a React project (CRA), Azure Map external standalone scripts (e.g. azure-maps-geolocation-control.js) cannot read/merge with the namespace of Azure Map SDK (e.g. azure-maps-control) in a React component.

Joanne 0 Reputation points
2024-05-16T01:56:55.0833333+00:00

I am working with a CRA React project. In a React component, I have tried to import and load an external Azure Map standalone script like azure-maps-geolocation-control which adds on to the Azure Map namespace (atlas). In this component I have imported Azure Map SDK like azure-maps-control which works fine to render the map and supplies the namespace.

Under map ready event, I have tried to instantiate GeolocationControl object but seems like the script cannot read the atlas namespace. This external script is placed in public folder and dynamically placed in <head> of index.html .

How to make the script link to Azure Map SDK namespace, in a React component? Thank you

Azure Maps
Azure Maps
An Azure service that provides geospatial APIs to add maps, spatial analytics, and mobility solutions to apps.
767 questions
0 comments

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. IoTGirl 3,221 Reputation points Microsoft Employee
    2024-12-31T01:03:49.16+00:00

    Hi Joanne,

    Sorry for the very late response. Can you please try the GITHUB at https://github.com/Azure/react-azure-maps and ask any questions there? We have folks focusing on Azure Maps with React in that github.

    Sincere thanks,

    IoTGirl

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.