我正在使用 google-maps-react 和 react 在地图上显示一些数据，现在我想要在单击或悬停标记时显示工具提示。为此，我认为我可以使用 google-maps-react 附带的“InfoWindown”组件，但它给了我一个错误“无法读取 null 的属性‘props’”。这是我的代码..import React, { Component } from 'react';import
2016-12-23
我似乎成功地将谷歌地图实现到我的反应应用程序中（获取用户位置并允许移动标记），但我收到随机错误“TypeError：无法读取未定义的属性‘maps’”。有时一切都运行正常，其他时候当我刷新时我会收到此错误。我不确定我应该提供哪段代码，所以也许我会发布我的完整地图组件和index.js文件map：import React from 'react';class GoogleMap extends Re
2017-09-22
当我尝试包含 geoocoder api 代码时，它显示错误“TypeError：无法读取未定义的属性‘maps’”。这是我的代码import React from 'react';import { compose, withProps,withHandlers } from "recompose"import { withScriptjs, withGoogleMap, GoogleMap, M
2018-04-05
我试图通过一个坐标数组进行映射，并在 Google 地图中的每个坐标上放置一个标记，但出现此错误：对象作为 React 子项无效（找到：[object Promise]）。如果您想要渲染子项集合，请改用数组。因此它返回的是 Promises 数组。我不确定如何让它返回实际值。有人有什么想法吗？这是代码：import React, {Component} from "react";import {M
2018-06-23
我是 ReactJS 新手，目前正在为一个项目使用 react-google-maps，我正在使用 FourSquare API 显示一些地点，有一个方向按钮，用于显示从用户当前位置到目的地的方向。这是 Meeting.js/* eslint-disable no-undef *//* global google */import React, { Component } from 'react'
2018-11-06
我正在展示一个带有有效密钥的 Google Maps React 的基本示例，但它没有向我显示地图，而是显示了一条文字“正在加载地图......”import {GoogleApiWrapper, Map, MapProps} from 'google-maps-react';import * as React from 'react'export class MapContainer exten
2018-11-27
当我尝试使用 Google 地图加载组件时（props 已按预期传递给组件），我只收到一条消息，提示“正在加载地图...”，但未加载带有标记的地图。控制台中也没有错误。这是组件。我在这里做错了什么？import React, {Component} from 'react';import {Map, InfoWindow, Marker, GoogleApiWrapper} from 'googl
2019-06-23
// App.jsimport React from 'react';import logo from './logo.svg';import './App.css';import Map from "./Map.js"class App extends React.Component {constructor(props) {super(props);this.loadScript = this
2020-04-14
我想用 Google 的DinstanceMatrixService测量多个点之间的距离，但出现以下错误：我多次使用了google.maps...，但出现google未定义的错误。我在网上搜索并发现，如果我在google.maps...前面输入window它应该可以工作，但是它不工作function calculate_furthest_point() {var origin1 = new win
2022-01-12
我正在使用 google-map-react 组件和 nextjs 开发一个基本的 nextjs 应用。每次尝试使用该组件时都会出现以下错误TypeError：无法访问属性“getChildren”，n.props.dispatcher 未定义我不知道该怎么办……这似乎是我当前 reactapp 版本的问题 import React from 'react';import GoogleMap
2022-05-10
我按照以下示例在地图上添加了几个标记：https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/现在我想在用户点击标记图像时显示弹出窗口，但我找不到优雅的解决方案。有什么帮助吗？
2015-07-16
我正尝试在 HTML/Javascript 地图中向 MapBox-GL-JS 地图添加标记。我尝试构建一个小示例：这是我的代码<html><head><meta charset="utf-8"><title>Test MapBox</title><!-- *** References for MapBox GL JS ... --><script src='https://api.tiles.m
2017-05-26
我很难找到一个非常简单的示例，说明如何在用户左键单击地图时使用基于组件的 React-google-maps 将标记添加到 Google 地图。需要帮助。const Map = withScriptjs(withGoogleMap((props) =><GoogleMapdefaultZoom={8}defaultCenter={{ lat: -34.397, lng: 150.644 }}onC
尝试将一些标记渲染到我的 mapbox 地图，但似乎无法渲染标记。我怀疑这是 .addTo 方法的问题，但我不知道我还要传入什么。我试过 this.mapContainer、document.getElementById('app')（我的主 div）和 this.map，但它们都无法渲染标记。不知道是我传递给 .addTo 的参数还是其他原因。 componentDidMount() {c
2020-04-29
我有一个 html 标记，我想在里面有一个按钮来删除此标记const PoiHtml = (poi: PointOfInterest) =>`<h3>${poi.name}</h3><button>delete</button>`const source = map.getSource(`marker-${poi.id}`) as any;source.setData({'type': 'Feat
2020-08-11