laurencedorman / google-maps-api-loader

A promise wrapper for loading the Google Maps API

Google Maps API Loader

DEPRECATED 18/02/2021

Use the official googlemaps/js-api-loader library instead.

---

Provides a convenient wrapper for the Google Maps API, allowing it to be called in the promise syntax.

Installation

$ npm install --save google-maps-api-loader

Usage

var GoogleMapsApiLoader = require('google-maps-api-loader');

GoogleMapsApiLoader({
        libraries: ['places'],
        apiKey: 'your-api-key' // optional
    })
    .then(function(googleApi) {
        var autocomplete = new googleApi.maps.places.AutocompleteService();
    }, function(err) {
        console.error(err);
    });

License

MIT

google-maps-api-loader's Issues

How to use Google Map Cluster?

Needs updating

Although functional, this code could be written in a much more flexible way to take into account future changes to Google's API. Also, it would be good to have it written in post ES5 JS.

need mapId as a parameter

Some of the new beta features need the mapId parameter. Specifically webgl:

https://developers.google.com/maps/documentation/javascript/webgl

Provide a map ID when you instantiate the map using the mapId property as shown here:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

New URL parameter in loader: map_ids

Hi,

Google has allowed the customization of the map using the tools in Google Cloud Platform.
To enable it, we have to add a new URL parameter in the loader: map_ids.
Would you consider to apply the new function? Thanks!

Ref:
https://developers.google.com/maps/documentation/javascript/styling

Suggest @googlemaps/loader

A typescript version can be found here: https://www.npmjs.com/package/@googlemaps/loader

Feature: Add MapIds Style Support

Google Maps JS supports custom map styling by using predefined MapIds through the google cloud console. Extend UrlBuilder to incorporate the feature.