Skip to content

Add support for mapId option. #1086

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jakeFeldman wants to merge 2 commits into
base: master
Choose a base branch
from
+13 −1
Open

Add support for mapId option. #1086

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fc11c29
omit styles when mapId is present
jakeFeldman Jan 9, 2022
cd62451
remove console.log
jakeFeldman Sep 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion src/google_map.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -388,6 +388,12 @@ class GoogleMap extends Component {
// remove zoom, center and draggable options as these are managed by google-maps-react
options = omit(options, ['zoom', 'center', 'draggable']);

// A Map's styles property cannot be set when a mapId is present.
// When a mapId is present Map styles are controlled via the cloud console.
if ('mapId' in options) {
options = omit(options, ['styles']);
}

if ('minZoom' in options) {
const minZoom = this._computeMinZoom(options.minZoom);
options.minZoom = _checkMinZoom(options.minZoom, minZoom);
Expand Down Expand Up @@ -585,7 +591,7 @@ class GoogleMap extends Component {
// "MaxZoomStatus", "StreetViewStatus", "TransitMode", "TransitRoutePreference",
// "TravelMode", "UnitSystem"
const mapPlainObjects = pick(maps, isPlainObject);
const options =
let options =
typeof this.props.options === 'function'
? this.props.options(mapPlainObjects)
: this.props.options;
Expand All @@ -598,6 +604,12 @@ class GoogleMap extends Component {
const minZoom = this._computeMinZoom(options.minZoom);
this.minZoom_ = minZoom;

// A Map's styles property cannot be set when a mapId is present.
// When a mapId is present Map styles are controlled via the cloud console.
if ('mapId' in options) {
options = omit(options, ['styles']);
}

const preMapOptions = {
...defaultOptions,
minZoom,
Expand Down