Using Google maps in Adobe XD

[S Hilliar]

Can you embed a Google Map into XD?

<The Title was renamed by moderator>

[jbowden]

Not at the moment, but please feel free to enter a suggestion in UserVoice, our tool for tracking feature requests and bug reports: Adobe XD: Feature Requests: Top (59 ideas) – Adobe XD Feedback : Feature Requests & Bugs

Thank you,

Joe

[Preran]

In the time that the feature makes it to the product, I suggest trying the Maps Generator plugin in Adobe XD.

To install the plugin, select Plugins > Discover Plugins in Adobe XD. Search for Maps Generator

*Because I have already installed the plug-in, you see the Update button displayed. If you are installing it for the first time, you will see the Install button.

After you install the plugin, the name is displayed under Plugins. Now, do the following:

1. Create a shape on your artboard in which you want to insert the map.
2. Select Plugins > Maps Generator
3. Enter the Address under Location, select the Zoom level, and the type of view for the map (Roadmap, Satellite, Terrain, Hybrid.)
4. Click Generate Map.

[Danielkings]

when i do these same process you appear this error: REQUEST HAD AN ERROR: ${REQ.STATUS

[piotrb96398989]

Same here. REQUEST HAD AN ERROR: ${REQ.STATUS

[HARSHIKA_VERMA · Accepted solution]

Hi all,

Thank you for trying the steps mentioned by Preran. We would request you to please raise your request here: https://github.com/boopeshmahendran/AdobeXD-maps/issues/6 and upvote the request to the plugin support page. Hope it helps.

Thanks,

Harshika

[sarah62719917]

Have you figured this out? I am getting the same Error.

[iSense Designer]

I'm waiting to fix the bug (REQUEST HAD AN ERROR: ${REQ.STATUS). It's 2 weeks now with the same error. 

[stoicamark]

Same issue here

[kiran.6104]

Same issue here

[HARSHIKA_VERMA]

Hi All, 

We are sorry to hear you're experiencing issues while using the plugin. However, we would like to confirm if you've all submiited your feedback request on the link i've mentioned above as this needs to be taken care by plugin support. 

Once you'll go through the link, you'll see multiple solutions to troubleshoot the issue. We would request you to please go through the steps shared and share your results with the plugin support team.

Hope it helps.

Thanks,

Harshika

[abradley45274]

Looking in the source, I think I found what the problem is.

const apiKeys = require("./apiKeys.json").apiKeys;

Looks like we may have to make our own API keys file, which I dont see in the source and shoudl not see.
I will make some adjustments possibly and give some instructions after testing my fix.

In the utils  you grab a random API key for maps look like 

function getApiKey() {
const length = apiKeys.length;
return apiKeys[Math.floor(Math.random()*length)];
}

which this is a pluglin that requires the users to depend on your api keys which looks like may have been removed from source, which the API billing will be on the developers dime. I am assuming the file is jsut an array of API keys. You may can go into the plugins folder add the JSON file thats missing , I am testing that as we speak or have to add the file and recompile.

[abradley45274]

This may require a credit card from users if they would like to use it.

[abradley452741]

Sara I can help you fix this 

[abradley45274]

A temp fix would be to go into the plugin directory and find the plugin and change the API.
You would have to make a google api account  and activate it and set for static google maps api.

Replace the default key with the new key, also take into consideration it may cost. Its about $2.00 every 1000 request, so I recommend to copy and paste and reuse when possible.

Also as mentioned I saw a merge request to give the ability to put your own API key, which means you would have to repeat the steps above.  I actually added the changes to the copy of the plugin that I downloaded. 

[Perlie]

Hi, I can't seem to find the Map Generator plugin. Is it still available now?

[karenroberts]

This plugin no longer exsists 

[Preran]

It looks like this plugin has been removed from the list. I am checking wiht the team to see if there is anything else you could use in the meantime. Will update this post as soon as I hear from them. 

[Preran · Accepted solution]

I found a plugin that you could use to include Google Maps in your XD artboard. Check out the Umap plugin. See https://helpx.adobe.com/ca/xd/help/plugins.html#view for info on installing plug-ins in XD.

Adobe XD now supports scrolling in all directions. You can use Scroll Groups in Adobe XD to do that. For more info, see https://helpx.adobe.com/ca/xd/help/create-scroll-groups.html

Thanks,

Preran

[abradley452741]

I can give you the copy that I fixed. 

[rulric]

I could try it

[FuturelineMediaDenmark]

Hi!

Would be so happy if you could share that map plug in with me (and probably also others 🙂 ..) Is it possible? Also I still look for a plug in which makes it possible for me to use external links. Do you know where to find that?

Thanks in forward!

Mark

[Floris Elders]

Hi, can you maby send me the copy? 

[_Pank_]

I tried using the plugin from GitHub but it doesn't really work. Also, it just a screenshot of the map and not the map that you can interact with. I am working on an application that requires map simulation and interactivity.
Would be cool to have an integration of dynamic map like Framer X does with Mapbox studio https://www.youtube.com/watch?v=hY4W0MGHNog

[reddygovardhanreddy]

Hello Everyone,
Here I've found an alternative to Google Maps 

U Map
you can download with the below link

https://adobe.com/go/xd_plugins_discover_plugin?pluginId=593fc326