Azure Maps
An Azure service that provides geospatial APIs to add maps, spatial analytics, and mobility solutions to apps.
615 questions
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.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(89.60000000000001, 24%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ%3C/text%3E%3C/svg%3E)
Joanne
0
Reputation points
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