Highmaps + google sheets + javascript integration broken? - javascript

Is the integration between highmaps and google sheets not working?
It seems to have broken on a map I've been working on and in the process of debugging I can't seem to find one that is working. For example heading to this page: https://www.highcharts.com/maps/demo/data-class-two-ranges (or on the jsfiddle linked from that page)
it simply shows "Loading data from Google Spreadsheets"

It's not working. There is an open ticket on the github here.
https://github.com/highcharts/highcharts/issues/8202

Related

error: Google Maps API is required - even when API was registered

I have this site here that I built for a client but the Google Maps API is not working correctly. If you go to the site, click the contact us link in the nav bar. You will see the map not showing, then if you just reload the page two or three times the map will show.
I copied and pasted the exact link from Google into my HTML file, with the API key that they gave me. I also borrowed a file called gmaps.js, which you can search for on Google, and implemented the map in my javascript file with the following code:
/* MAPS */
new GMaps({
div: '.map',
lat: 42.2803784,
lng: -83.7301047
});
The github repo is public and can be viewed here:
https://github.com/seanrobenalt/cosasabrosa
The problem doesn't seem to be too complicated but I can't figure it out. Hoping somebody is willing to take a look...

Adobe Creative SDK blank page

I am trying out Adobe Creative SDK, specifically the image editor, but can't seem to get it to work. I have set up a clientId (API key) and added the code to a page as described in the getting started instructions, but all I see is a blank page and no errors in the console. The page is here: https://test-img-editor.firebaseapp.com/test.html
What am I doing wrong?
I figured it out, I needed to move on to the next step to add the image editor UI as explained in the documentation here: https://creativesdk.adobe.com/docs/web/#/articles/imageeditorui/index.html

google map plugin on wordpress page not showing

I have a website made with Wordpress that should show a Google Map on three sub-pages. The problem is the map only shows if I open the page and then refresh it.
Note: I don't have a cache plugin installed.
Live site
Google Maps plugin
the problem is solved now.
it was an issue with the theme. i deactivated the ajax of the theme and the maps are now working.

Google Maps Javascript API Doesn't Respond to Touch Events in iOS 10

I run a website with a number of custom Google Maps built in (showing various locations on a map after a search or generating directions to/from a location). I use Google Maps Javascript API for this. My users have started reporting that on iOS 10, these maps no longer respond to touch events -- they cannot pinch-to-zoom nor can they click on the "pins" on the map to open the location info balloons.
I've been searching all over for others who have had this issue to no avail. I found one StackOverflow question here (http://webcache.googleusercontent.com/search?q=cache:DaiSdOgD0U4J:stackoverflow.com/questions/39401974/google-maps-javascript-doesnt-pan-or-zoom-in-ios-10+&cd=3&hl=en&ct=clnk&gl=us), but it was downvoted, then deleted. (Why?) A fresh search today still shows that page, but it leads to a 404, making a search even more frustrating.
Has anyone else experienced this? Is this a bug within the Google Maps API? I certainly can't find anything about that on their Developer website. Am I possibly doing something very wrong to lead to this? The code has worked for years and hasn't been modified in a few months now, so nothing changed on our end.
We do use an API key in our requests
I've tried switching from the
current release version (3.25) to the current experimental version
(3.26) with no changes in functionality.
Users report this happens in at least both Safari and Chrome on iOS 10
Just hoping someone can provide any insight at all on the issue.
Ok here is how I did to fix this issue.
As a reminder i'm using AngularJS via the Ionic framework.
I was calling the map this way in my index.html :
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=PUT_YOUR_GOOGLE_API_KEY_HERE&signed_in=true"></script>
It seams like signed_in feature of google map is adding a layer on the map that is not letting the map getting the X,Y of your screen touch position.
I just replaced by false to disable the signed_in feature and its working like a charm
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=PUT_YOUR_GOOGLE_API_KEY_HERE&signed_in=false"></script>

CSS or JavaScript Conflict - Google Map Won't Display

The WordPress theme I am using has built in JavaScript and CSS for Google maps on the contact page. So, I'm guessing there is conflicting code. I can't seem to find where the conflict is when I am trying to use a plugin which also uses Google Maps.
I would really appreciate any help correcting this issue so that this Google Map will display instead of an empty gray box. I tried everything I know to do.
http://boothambuilders.com/service-area/
The plugin works on all other themes I'm using.
Also, this is the only page where the background doesn't display properly. I don't know how it is related to the issue.
It is not a CSS conflict, you are calling the Google Maps API twice...

Categories

Resources