http://barthumphries.com/apiary-map.html was my test site and it apparently works just fine. I moved it over to http://gorderhoney.com/where-our-honey-comes-from.php and the map simply isn't showing up. I tried setting the map to a static size, but still nothing. I even remembered to change the API key. On the gorderhoney site, the key is set to *.gorderhoney.com/* The old API key doesn't work either.
Edit: Ok, fine, someone doesn't like the post. But on https://developers.google.com/maps/support/ Google suggests that I use this site to ask for help. I'd appreciate just getting the help instead of getting downvoted and ignored. I would love to go elsewhere if there was some more official help forum to go to.
Try setting the key to gorderhoney.com/* as well.
Go to the Google Developer Page where you created the API key and find the option “Accept requests from these HTTP referrers (web sites)”. Next, you should add your website URL like this example.com/*. After doing so, the map will certainly show. I had the same issue in the past.
Related
Hi I have recently removed the '.html' from the end of my url's to make them look more professional which was brilliant. However, now when I see my site on Google the old url which includes the '.html' still appears which produces people with an error page as expected. How can I tell Google that I have new url addresses so that people can visit my site again?
thanks!
Best way to remove .html extensions is by adding it in .htaccess file. This way search engines will "understand" it, but you will not seeing the search result immediately, since search engine crawler, will take some time to update.
And make sure to submit your url in google. If you have google webmaster you will be able to see this process and status of your website more clearly.
The Echonest API has in its index mostly artist images from Last.FM which recently pulled the plug on their images rendering the entire echonest api basically useless. Has anyone found a workaround?
https://getsatisfaction.com/lastfm/topics/fetching-images-from-last-fm
Well here's a workaround. I posted this on the getsatisfaction link you provided:
You can check to see if the echonest images are coming from the old, broken server (they begin with http://userserve-ak.last.fm) and cancel those out. If no more echonest images exist, you can try to get one using the Last.fm API as a fallback.
As far as albums go, there must be another substantial API out there for use as a fallback.
Has anyone looked into discogs or beatport? Both of those work with Echonest ID spaces.
They didn't pull the plug, it's just that URL of images changed (probably along with their new website), it's not http://userserve-ak.last.fm/serve/252/xxxxxxxx.jpg anymore but http://img2-ak.lst.fm/i/u/300x300/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.png.
The Echonest cached this info, so now they have to update it... and it takes time. You can either wait or use Lastfm's API to retrieve images yourself ;)
Good Morning, everyone
I'm dealing with a problem in an application developed using Cordova, for android. In a certain page of the application (everything is constructed using pure HTML and Javascript), I need to open a route when the user clicks a link. After many hours of research on the internet, I could find some options, but none of them dealed with it.
Here I give you what I found and tried so far. Please assume that the coordinates represent a viable location for the route..
Using the geo: schema
Example: Route
Problem: This was the one that nearly solve it. The problem here is that geo: opens the map application showing the position given in the coordinates. All fine until there, but there is no option using this schema to open with a route, as I could figure out reading the specification.
Using maps.google.com in the link domain. Example:
When trying this using the device's browser, I could open the navigation app. But using it inside a hybrid application as the on I'm building just redirects it to Google Maps site, using it's mobile version. But it happens inside my application, what now seems logical to me but really freaked me out, since it's not possible to control that. (Unfortunally an iframe is not a viable option because of the standarts that we addopt in the project.
Using a target=blank on that link didn't changed nothing.
My last try was using the google.navigation schema.
Example: <a href="google.navigation:q=45.6,32.8" target="_blank">
Again, if I test it in a common device browser everything works just fine but when I try it on my app it crashes, saying that "google.navitation is not a supported protocol."
UPDATE
I've also tried the option present here, with the following format:
Route to here
The application also crashes and I'm alerted that the comgooglemaps:// schema is not supported.
I could findthese 4 options, since everyone that had similar needs could find a solution using them. Is there any other way to do that? I really appretiate any help from you, if possible, with some documentation/specification/whatever link about that.
Thank you for your attention.
I'm trying to get Google Maps API v3 to work on my site and I'm running into 2 problems.
I'm using yepnope to load the API script asynchronously, and I get a "Load denied by X-Frame-Options" error in my console. It says http://maps.googleapis.com/maps/api/js?sensor=false&callback=init_google_maps&ver=3.0 does not permit cross-origin framing. This is odd to me because I'm not loading anything in a frame of any kind. Note that the map still loads, but the error in the console concerns me.
The map controls aren't displaying correctly. I don't think that this is related to the first issue because I get this even when I load the API the traditional way (synchronously), but it might be related in some way.
I'm not sure if it matters, but I'm running this on my "localhost" testing server. Any ideas on what could be causing these issues?
Update:
As discussed below, the X-Frame issue only occurs when I load the API via yepnope. I can't understand why using yepnope to inject a script tag causes the error and using a simpler js function doesn't though. My main concern, however, is the display of the map. I tested the map on a more stripped down page on my local server, and it displayed correctly. So, my current assumption is that I have a style (or script?) declared somewhere on the page that's interfering with Google maps.
Update 2:
Ok, the display issue if finally sorted out. I went through my main stylesheet and commented out portions until I had found the culprit. In order to make my images responsive in my fluid layout, I had declared img { max-width: 100%; }. Apparently, Google Maps don't like this. Once I overrode that style for the map container, everything displayed normally. The X-Frame issue still confounds me however.
Regarding the first problem, if you want to load the Maps API asynchronously, I would suggest using the technique described in the API documentation directly (a simple dynamically inserted <script> element) instead of yepnope. It should work fine that way.
On the second problem, running on localhost is no problem; that's a normal way to test a Maps API page. (I assume you mean using a local web server and loading your page in the browser from a localhost:// URL, not a file:// URL.)
Some symptoms like this can be caused by the map container element not being properly sized when the map is first created. In particular, trying to use height:100% can be problematic. But it's hard to guess without seeing a running example. Can you post the code to a web page somewhere? Maybe even in a JSFiddle if nothing else.
I have a chrome app which basically is just a visual bookmark which sends the visitors to my website.
Currently it doesn't show any referer because technically the user came directly to the website.
Is there a way to detect this?
I understand I can append some query parameters in the URL of the chrome app but I am wondering if there's a cleaner solution than this.
The chrome.webRequest property should allow you to set the information you need. I couldn't find exact details that would help but there is an Auth option which you may be able to use as a referrer.
Hope this helps. Sorry I could not help further.
https://developer.chrome.com/extensions/webRequest.html