async-google-maps | Asynchronous loading and creation of google maps | REST library

by zpratt JavaScript Version: 0.2.3 License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | async-google-maps Summary

async-google-maps is a JavaScript library typically used in Web Services, REST applications. async-google-maps has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i async-google-maps' or download it from GitHub, npm.

Asynchronous loading and creation of google maps.

Support

Quality

Security

License

Reuse

Support

async-google-maps has a low active ecosystem.

It has 17 star(s) with 5 fork(s). There are 2 watchers for this library.

It had no major release in the last 12 months.

There are 1 open issues and 0 have been closed. There are 1 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of async-google-maps is 0.2.3

Quality

async-google-maps has no bugs reported.

Security

async-google-maps has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

async-google-maps is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

async-google-maps releases are available to install and integrate.

Deployable package is available in npm.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of async-google-maps

Get all kandi verified functions for this library.

async-google-maps Key Features

No Key Features are available at this moment for async-google-maps.

async-google-maps Examples and Code Snippets

No Code Snippets are available at this moment for async-google-maps.

Community Discussions

Trending Discussions on async-google-maps

Google Maps API issue in Iframe window

QUESTION

Google Maps API issue in Iframe window

Asked 2017-Aug-02 at 19:38

I am trying to set a system whereby a Google Map appears in a popup iframe [using Fancybox], I have read a lot of similar topics on Stack Overflow and I have already implemented many of their suggestions with no success.

The issue is:

Uncaught ReferenceError: google is not defined

When the iframe is loaded. The iframe loads its data correctly (and this can be viewed on browser console) but Google maps fails to appaer and the console error (above) indicates it fails to initialise.

Some things I've aready tried or that do not apply:

I have a callback function set up
I am using a Javascript Map API rather than the v3 version.
I have tried with both async and defer without success.
I do not want the map to be the sole contents of the iframe (embedded Google map).
I have tried using a window load javascript event detector without success (from another Question).
The issue is not the iframe itself - that works - it's the relationship between the frame and its parent.

Annoyingly, this popup map system was working just fine after an hour of trial and error and then I cleared my browser history (or did something else) that now means the issue has returned and won't go away.

Iframe page:

...

ANSWER

Answered 2017-Aug-02 at 19:36

The original issue notice in the console was:

Uncaught ReferenceError: google is not defined

This notice appears anyway even when the map loads successfully.

The reason for the map not loading/displaying correctly was the CSS; I had set the CSS of the #map_canvas element to being a % of the width/height values rather than as an absolute pixel dimension.

Solution:

While % dimensions do not work, you can use Viewport-height and Viewport-width values (vh,vw), and the map takes up this space in the iframe.

Source https://stackoverflow.com/questions/45468423

Community Discussions, Code Snippets contain sources that include Stack Exchange Network