首页 > 解决方案 > React Google Maps API (ReferenceError: google is not defined)

问题描述

我正在使用react-google-maps/api节点模块。我需要设置zoomControlOptionsisTOP_LEFT但我最终得到了这个错误Uncaught ReferenceError: google is not defined。这是回购的链接。

我在这里收到错误

const options = {
  zoomControl: true,
  mapTypeControl: false,
  minZoom: 2,
  streetViewControl: false,
  zoomControlOptions: {
    position: google.maps.ControlPosition.TOP_LEFT, // google is undefined here
  },
};

请帮我 :)

标签: javascriptreactjsreact-google-maps-api

解决方案


尝试在组件中定义“选项”并添加“窗口”,例如

position: window.google.maps.ControlPosition.TOP_LEFT

此外,您可以只输入一个数字

BOTTOM: 11
BOTTOM_CENTER: 11
BOTTOM_LEFT: 10
BOTTOM_RIGHT: 12
CENTER: 13
LEFT: 5
LEFT_BOTTOM: 6
LEFT_CENTER: 4
LEFT_TOP: 5
RIGHT: 7
RIGHT_BOTTOM: 9
RIGHT_CENTER: 8
RIGHT_TOP: 7
TOP: 2
TOP_CENTER: 2
TOP_LEFT: 1
TOP_RIGHT: 3

推荐阅读