Can't generate map #6

MarcinRaczkowski · 2019-10-02T08:01:17Z

Error:
Request had an error:${req.status}

raditya26 · 2019-10-02T11:33:17Z

Error:
Request had an error:${req.status}

I'm having the same problem.

AnilNatarajan · 2019-10-03T10:42:58Z

same problem here as well. any solutions?

alc0der · 2019-10-03T11:55:55Z

I am having the same porblem

daniellerivi · 2019-10-04T01:33:51Z

I have the same problem today.
The message appears:
"Error - Request had an erros: ${req.status}"

I'm not finding solutions :(

daniellerivi · 2019-10-04T01:52:38Z

This is a general problem with the Google API.
In the plugin code.
You need to wait for the plugin owner to fix it.

Let's hope you fix it as soon as possible!

bkbonner · 2019-10-04T17:56:38Z

So basically the deal is this. It looks like the API key was invalidated, or something else.

if you go to https://developers.google.com/places/web-service/get-api-key you can request your own google maps api key.

Then you can update the plugin apikeys.json file which is located here:

~/Library/Application Support/Adobe/Adobe XD/plugins/

It's located in one of the directories. Edit the file and replace the key with the one you obtain from google and then it works like a champ.

There's nothing wrong with the app, it just doesn't support using his shared key. It probably shouldn't have been shared.

Hope this helps.

aimanfakia · 2019-10-04T20:16:11Z

Not working for me either

skylarcheung · 2019-10-05T17:06:21Z

@bkbonner I've gone into my apiKeys.json file, then replaced their API key with my own. It seems the same error persists, unfortunately. Perhaps I am doing something wrong?

AceGabrielFigueroa · 2019-10-06T19:04:21Z

From this code snippet found in <~/Library/Application Support/Adobe/Adobe XD/plugins/.../main.js>, it seems you need the Maps Static API.

const url = "https://maps.googleapis.com/maps/api/staticmap?" +
            "center=" + encodeURIComponent(inputValues.location) +
            "&zoom=" + encodeURIComponent(inputValues.zoom) +
            "&size=" + encodeURIComponent(width) + "x" + encodeURIComponent(height) +
            "&scale=2" +
            "&maptype=" + encodeURIComponent(inputValues.mapType) +
            (inputValues.locationPin ? ("&markers=color:red%7C" + encodeURIComponent(inputValues.location)): "") +
            mapStyles +
            "&key=" + encodeURIComponent(apiKey);

Create a new project/use an existing GCP project
Go to the navigation menu on the top left and scroll down to find 'Google Maps'
On the left pane, click on 'APIs'
Find 'Maps Static API' in the 'Additional APIs Table' and click on it
Hit Enable

MAKE SURE BILLING IS ENABLED

Pricing shouldn't be an issue if you are not going over 100,000 request. It starts to bill after $200.00 of requests ($2.00 per 1,000 request).

I would suggest limiting your api & securing it.

More information on billing here.

EDITED: Fixed path, '...' should be the plugin folder, for example 'e1e8f866'.

acorrearojo · 2019-10-10T15:46:56Z

Hi all,

I enabled a Map Static API with a new API KEY for Google MAPS. however still the same error.

Any news about this issue?

Andrés

AceGabrielFigueroa · 2019-10-10T16:08:45Z

Did you replace the API key in the apiKeys.json?

{
    "apiKeys": [
        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
    ]
}

Replace the X's with your api key generated by gcloud.

Hi all,

I enabled a Map Static API with a new API KEY for Google MAPS. however still the same error.

Any news about this issue?

Andrés

bkbonner · 2019-10-10T17:34:01Z

Sorry, I just saw this msg. Change it as @AceGabrielFigueroa indicated. and restart XD. It worked for me. btw, I'm not a developer on this project, just another user of XD that was interested in this plugin.

Make sure you're changing the apiKeys in the correct directory. I'm not sure XD names plugin directories, so I didn't want to give anyone bad info. Look for the directory with apiKeys.json and the main.js that has the staticmap call.

On the mac, you'd run these two commands:

cd ~/Library/Application\ Support/Adobe/Adobe\ XD/plugins/e1e8f866

this creates a template file (called source.json) for us to use:
echo "{ \"apiKeys\": [ \"XYZ\" ] }" > source.json

you can do an ls source.json and you should see your file. run cat source.json to see the contents.

Then run the following command (but first replace your_api_key in the command below with the key you got on google developer page)

sed 's/XYZ/your_api_key/g' source.json > apiKeys.json

That should work for you.
run rm source.json to clean up the XYZ file.

Hope that helps

slavajacobson · 2019-10-14T20:22:12Z

Maybe add a Settings field for the API key?

bkbonner · 2019-10-14T20:59:49Z

That would be a desirable change.

…

On Mon, Oct 14, 2019 at 4:22 PM Slava ***@***.***> wrote: Maybe add a Settings field for the API key? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#6?email_source=notifications&email_token=AAFDA6JRDMFWNV5M3JEMJX3QOTIHJA5CNFSM4I4TCZR2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEBGLXIA#issuecomment-541899680>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAFDA6OB4O2VQ3SYDJWPFFLQOTIHJANCNFSM4I4TCZRQ> .

mkormendy · 2019-10-16T23:56:08Z

Well for those that have fixed it locally for yourself (@bkbonner), why not just push those changes up as a PR to help the author fast-track the completion?

CSharpGuy2006 · 2019-10-17T20:25:37Z

Guys, I had the same issue, updated with my API key and still had the same problem. After some troubleshooting, I determined that in my case, I had not set up the billing in Google so the request would return a different error.

So...

Update the API Key with yours
Make sure your billing is set up
Restart XD and try again

If you are still having issues, try to grab the code generated when you style a google map (the api code, plug in your key and paste into a browser window...). Any error returned by the service should appear there.

Hope this helps!

Cheers!

CJHissle · 2019-10-22T18:42:25Z

How would I fix this issue on Windows 10? I'm creating an app for my senior capstone class and can't edit the plugin code. Need help ASAP!

AceGabrielFigueroa · 2019-10-22T22:23:14Z

@CJHissle
According to this article by adobe, your plugin folder location would be located at:
C:\Users\%USERNAME%\AppData\Local\Packages\Adobe.CC.XD_adky2gkssdxte\LocalState\

You would then need to locate the plugins folder and find the correct plugin folder name and edit the code.

I hope that helps. If not, maybe ill make a PR to include an api-key input box. (Quite busy).

CJHissle · 2019-10-23T03:40:48Z

@AceGabrielFigueroa Hey, thanks for the help on finding the plugin location. I used my API key in place of the current one and still getting an error.

AceGabrielFigueroa · 2019-10-23T04:14:54Z

@CJHissle
Did you enable billing on the project? Check if billing was enabled.

Login to Google Cloud Platform.
Make sure you are in the same project that you enabled the static Maps Static API.
1. If not, change your project by clicking the drop down right next to 'Google Cloud' logo.
On the left side of the top nav bar, click on the hamburger icon.
You should see a drawer open up. Locate Billing and click on it.
If you haven't set a billing account, it should give you an option to link a billing account. You need to link a billing account.

If you are able to send a request but still receive an error, check out this page. This is the error documentation for google static maps.

EDITED
It could be that you messed up the formatting of the json file. It is not space sensitive, but perhaps you are missing an bracket or quote somewhere.

nms73631 · 2019-10-23T10:44:24Z

Same problem here

CJHissle · 2019-10-23T15:24:05Z

Hey guys, finally got it working. Definitely gotta make sure the billing is set up.

mkormendy · 2019-10-24T02:56:04Z

Well I managed to create a pull request with the following features:

Remove default API key and related code
Add user-defined API key implementation
Add application-persistent plugin settings to save JSON and API keys
Minor UI cleanup and fix plugin name casing

@AceGabrielFigueroa, I now see your pull request! Oops, independently working on the same feature but I added some other stuff as well.

AceGabrielFigueroa · 2019-10-24T03:21:39Z

For the code to be more maintainable, yours is more suffice. I only did it within an hour because I was just curious in making plugins. Hopefully the maintainer of this plugin will accept the PR, but he seems to be inactive.

mkormendy · 2019-10-24T16:18:38Z

@boopeshmahendran can you merge my pull request?

ghost · 2019-11-14T13:57:03Z

Still the same error

ashtonbradley45274 · 2019-11-27T14:46:24Z

So basically the deal is this. It looks like the API key was invalidated, or something else.

if you go to https://developers.google.com/places/web-service/get-api-key you can request your own google maps api key.

Then you can update the plugin apikeys.json file which is located here:

~/Library/Application Support/Adobe/Adobe XD/plugins/

It's located in one of the directories. Edit the file and replace the key with the one you obtain from google and then it works like a champ.

There's nothing wrong with the app, it just doesn't support using his shared key. It probably shouldn't have been shared.

Hope this helps.

I looked into the code and found this as well , I saw a commit that will allow the user to input their own api key , but the pull has not been merged and released.

Dzivo · 2020-01-09T00:54:45Z

Isnt it easier to just add new field to the library so that we can enter our own api key.
I will make pull request in couple of days

mkormendy · 2020-01-09T01:27:17Z

@Dzivo look at my pull request - it’s already done and works. Download my fork of this and overwrite the plugin with the fork’s files.

mkormendy · 2020-01-10T03:24:46Z

Still the same error

@gfreiresantos95 did you use the forked version I created that fixes it?

Skarnet95 · 2020-02-14T18:55:10Z

i hope quick fix :(

error:${req.status}

mkormendy · 2020-02-14T19:20:20Z

@Skarnet95 its been fixed already, have you updated your plugin in XD and followed the steps?

Skarnet95 · 2020-02-14T19:28:46Z

@Skarnet95 its been fixed already, have you updated your plugin in XD and followed the steps?

buy API from google is too expensive for me :/

P.S. I hope the program developer will solve this problem himself, maybe with adobe xd developers

YasserDRIF · 2020-02-14T21:02:50Z

@Skarnet95 it can't be fixed by the developer because of the changes in the google maps api platform, now each member need to get his own api key and put it as an input so that it works.

daVinciAngelo · 2020-05-30T21:35:24Z

I really wish there was a solution for this, it would seem to be obvious that people need maps!

karthikruiux · 2021-08-26T06:56:32Z

Hello mates,

I was also getting the same error for so long.
And I have checked the complete plugin code and everything.
And at last, I found the solution.

First of all, check the [static map url] being used in your "main.js" file of your plugin folder.
You can check the correct URL in the below-attached screenshot.

And also check API key code written must same as this:

-- "&key=" + encodeURIComponent(inputValues.apiKey);

After all the above part is done and proper, then check your API key by entering your key in the below URL:

https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=**[YOUR_API_KEY]**

either it is working or not.

And if it is not working and showing a billing error or something.. then directly check the below points.

Check if your Google Map Console billing is enabled or not.
Check if the Static Map API service is enabled or not.

This is what I have done, and mine is working properly now.

karthikruiux · 2021-08-26T06:59:20Z

@Skarnet95 its been fixed already, have you updated your plugin in XD and followed the steps?

buy API from google is too expensive for me :/

P.S. I hope the program developer will solve this problem himself, maybe with adobe xd developers

You can simply add a credit card (no initial payment needed) and get $200 credits for free to use the static map hits.
And if you are using the map API only to add in your designs it won't go beyond the free credits.

mkormendy mentioned this issue Oct 30, 2019

Error - Request had an error: ${req.status} #9

Open

Can't generate map #6

Can't generate map #6

Comments

MarcinRaczkowski commented Oct 2, 2019

raditya26 commented Oct 2, 2019

AnilNatarajan commented Oct 3, 2019

alc0der commented Oct 3, 2019

daniellerivi commented Oct 4, 2019

daniellerivi commented Oct 4, 2019

bkbonner commented Oct 4, 2019

aimanfakia commented Oct 4, 2019

skylarcheung commented Oct 5, 2019

AceGabrielFigueroa commented Oct 6, 2019 • edited Loading

acorrearojo commented Oct 10, 2019

AceGabrielFigueroa commented Oct 10, 2019

bkbonner commented Oct 10, 2019

slavajacobson commented Oct 14, 2019

bkbonner commented Oct 14, 2019 via email

mkormendy commented Oct 16, 2019 • edited Loading

CSharpGuy2006 commented Oct 17, 2019

CJHissle commented Oct 22, 2019

AceGabrielFigueroa commented Oct 22, 2019

CJHissle commented Oct 23, 2019

AceGabrielFigueroa commented Oct 23, 2019 • edited Loading

nms73631 commented Oct 23, 2019

CJHissle commented Oct 23, 2019

mkormendy commented Oct 24, 2019 • edited Loading

AceGabrielFigueroa commented Oct 24, 2019

mkormendy commented Oct 24, 2019

ghost commented Nov 14, 2019

ashtonbradley45274 commented Nov 27, 2019

Dzivo commented Jan 9, 2020

mkormendy commented Jan 9, 2020 • edited Loading

mkormendy commented Jan 10, 2020

Skarnet95 commented Feb 14, 2020

mkormendy commented Feb 14, 2020

Skarnet95 commented Feb 14, 2020

YasserDRIF commented Feb 14, 2020

daVinciAngelo commented May 30, 2020 • edited Loading

karthikruiux commented Aug 26, 2021

karthikruiux commented Aug 26, 2021 • edited Loading

AceGabrielFigueroa commented Oct 6, 2019 •

edited

Loading

mkormendy commented Oct 16, 2019 •

edited

Loading

AceGabrielFigueroa commented Oct 23, 2019 •

edited

Loading

mkormendy commented Oct 24, 2019 •

edited

Loading

mkormendy commented Jan 9, 2020 •

edited

Loading

daVinciAngelo commented May 30, 2020 •

edited

Loading

karthikruiux commented Aug 26, 2021 •

edited

Loading