我正在使用 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
我很难找到一个非常简单的示例，说明如何在用户左键单击地图时使用基于组件的 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
我一直在从事一个房地产项目，但一直无法在标记弹出窗口中添加 reactcomponent。下图显示了弹出窗口的示例：弹出窗口示例这是我尝试在标记上添加弹出窗口的代码：var card = <Card />var popup = new mapboxgl.Popup({ offset: 25 }).setDOMContent(ReactDOM.render(card, document.getEle
2020-11-03
此代码用于使用用户输入的值创建标记，并使此标记固定。但我甚至无法创建标记，什么也没发生。渲染后，它停留在初始位置。我告诉过它可能是纬度和经度顺序，但我尝试这样做，它一直在加载。我也尝试删除 flyTo，但什么也没改变 export default function Map() {const mapContainer = useRef(null);const [lng, setLng] = use
2021-05-10
我想将 id 添加到 Marker()，但它显示错误属性“id”在类型“Marker”上不存在。有没有办法将 id 添加到不存在的属性？这是我的代码....const maps = useRef<mapboxgl.Map | null>(null);const markers = useRef<any>({}); // for the moment is anyuseEffect(() =>
2021-05-24