Trafficmaps

wscheer

@Jeff Ok now we are getting somewhere.

Try this:
In your browser, paste this url but add your bing maps api key at the end. Mine looks like this (i replaced some characters with #)
######ss9ZpK9lZjPRNo78Xp######xM_zjDmyQ2M5GmkzcOUhW2BYmO######-2

http://dev.virtualearth.net/REST/v1/Imagery/Map/Road/40.4406,-79.9959/12?mapSize=500,500&ml=TrafficFlow&key= ADD YOUR API KEY HERE

When you do that, you should see the map all by itself. That would tell you if it was an issue with your api key itself.

If that works, double check the api key was copied right in the config section
“api_key: ‘123456789’, // Your Bing maps api key”

Let me know what you find

Jeff

@wscheer

Okay your link with my API worked…

I put my API key in the maproute.js file as the default key. Maybe that is the problem.

How should the config.js file look?
Like this?

                latitude: '40.4406', // City latitude. Use google to get these coordinates
                longitude: '-79.9959', // City longitude
                map_zoom: '12', // 1 - 21
                map_layer: 'TrafficFlow', 
                map_size: '500', // Using this for both length and width
                api_key: 'xxxxx', // Your Bing maps api key
                updateInterval: 300000 // 5 min refresh

wscheer

@Jeff yeah. Just replace the xxxx with your API key.

Jeff

@wscheer
That’s what I did.

I really don’t know what’s going on.

Maybe I should just implement it as a final picture

wscheer

@Jeff ok Jeff I have an idea.

Can you look at your magic mirror page in server only mode again? Then if you right click and “inspect” the broken image you should see the url its trying to reach.

Compare that to the url I had you copy paste in with your API that worked.

Then if there is some sort of difference we should be able to track it down.

Jeff

@wscheer
I found the mistake ;)

In your maproute.js it says “map_key” not “api_key”.

wscheer

@Jeff omg I’m such a doof. I’ll go back in my previous post and fix that.

I’m so glad you got it working! I searched for months to find a map like this. I hope you enjoy it :)

Zoltan

@wscheer
My map is working and it shows the traffic. I however also have a map that don’t update and tried the Math.random() that you mentioned. The moment i add this to the line my map disappear completely which suggest i broke something. Do i interpret it wrong and can you please advise.

Like this the code is working fine:

wrapper.src = ‘http://dev.virtualearth.net/REST/v1/Imagery/Map/Road/-26.0460,27.9790/13?mapSize=500,420&ml=TrafficFlow&key=Asm#####AJWIWc5o8Onf4fhH8O3IEe2e8ZcHaLTBWhx4_BWTvOW4S5xj60MuUJf4’;

Like this it isn’t working:

wrapper.src = ‘http://dev.virtualearth.net/REST/v1/Imagery/Map/Road/-26.0460,27.9790/13?mapSize=500,420&pp=Math.random(),Math.random()&ml=TrafficFlow&key=Asm#####AJWIWc5o8Onf4fhH8O3IEe2e8ZcHaLTBWhx4_BWTvOW4S5xj60MuUJf4’;

strawberry 3.141

@zoltan try the following:

wrapper.src = 'http://dev.virtualearth.net/REST/v1/Imagery/Map/Road/-26.0460,27.9790/13?mapSize=500,420&pp=' + Math.random() + ',' + Math.random() + '&ml=TrafficFlow&key=Asm#####AJWIWc5o8Onf4fhH8O3IEe2e8ZcHaLTBWhx4_BWTvOW4S5xj60MuUJf4';

This way you use the actual value and not Math.random() as a string.

Zoltan

@strawberry-3-141 said in Trafficmaps:

http://dev.

Thanks very much. You are a legend. It’s finally working after me trying everything that I could think of.
One of my biggest mistakes was I started with “http:// and ended with jf4”; which works fine without the Math.random. Clearly ‘ was the way to go and not “.