Pick up a script loader and provide as a optional Compoent about react-google-maps

[Qrysto]

+1. I've been using react-async-script for loading googlemaps API and it worked fine before I updated to react-google-maps v2. I'm against adding a script tag to load googlemaps API, it's against reactjs's modular structure, so I think react-google-maps itself should provide a way to load googlemaps API or at least play well with 3rd party async script loaders.

[tomchentw]

Thanks for the info of react-async-script. I believe it's suitable for our usage. I will look at it soon.

[Bazze]

Hey! Any progress on this?

[Qrysto]

How is this progressing?

[tomchentw]

Okay. Right now I could add another async.html.js endpoint to examples/gh-pages to demonstrate async loaded scripts. Here's the current result:

Branch

http://git.io/v4nVz

Screenshot

The error in the web console shows that async loaded google.maps script will fail due to document.write API.

Reason for that

We use react-async-script to load the Google Map API v3. However, inside the code, the script.async flag is set to 1 and cannot change by props. (REF: http://git.io/vCWHB).

---

11/16/2015 Update

Releases scriptjs version and pending this branch. Update branch URL.

[tomchentw]

Guys, I've added a new component called < ScriptjsGoogleMap /> using scriptjs to load google maps API v3. The example can be seen on gh-pages:
https://tomchentw.github.io/react-google-maps/async/

Please check it out and let me know any issues, thanks! You can use the version of 4.3.1

[tstavinoha]

Using the async script loading internally does not expose important constants like MapTypeId.TERRAIN to map parent component. It makes it unconvenient to set up the map.

Could the default options be set via callback that recieves the maps api reference after loading?

[tomchentw]

@tstavinoha consider using the callback query parameter in the query props? This is the standard way by Google Maps JavaScript API v3 to handle the "loaded" event. Notice that it has to be a global variable.

[tomchentw]

Close for now.

We're also looking for maintainers. Involve in #266 to help strengthen our community!