Вопросы по теме 'react-google-maps'

Как отобразить результаты [0] .formatted_address в InfoWindow
Сейчас я создаю карту Google с реакцией, и у меня проблема с отображением результата из placeId. У меня есть такой код: <Marker {...marker} key={i} position={marker.location} title={marker.title} icon={'icons/' +...
35 просмотров

Изменить цвет булавки в Tomchentw React-Google-Maps?
Я хочу сохранить значок по умолчанию и просто изменить его цвет при нажатии. Какое свойство я должен использовать, чтобы изменить цвет? это моя функция makeMarkers: makeMarkers=()=>{ const...
4113 просмотров

Как рассчитать маршрут между двумя точками с помощью API направлений Google Maps в моем приложении React без отображения карты?
Я пытаюсь рассчитать маршрут между двумя точками, используя маршруты Google Maps. Когда я попробовал следующий код, я получил ошибку: Доступ к выборке по адресу '...
1295 просмотров

Как получить текущий масштаб карты [getZoom ()] в react-google-maps?
Я хочу получить текущий уровень масштабирования моей карты в react-google-maps, как мы это делаем в простом API карты Google с функцией getZoom (). Как это сделать в react-google-maps? Я просмотрел несколько ответов, но ни один из них мне не...
6444 просмотров
schedule 08.03.2022

Как загрузить маркеры карт Google в компонент React
Я нашел здесь этот пост с похожей проблемой, но это не помогло. Маркер карты Google как компонент Reactjs В моей базе данных хранятся некоторые значения широты и долготы. Я извлекаю эти значения в модели, чтобы отобразить некоторые данные для...
3144 просмотров

Как добавить параметры по умолчанию для маркеров
Я хочу добавить другой значок к маркерам, которые создаются, когда я нажимаю элемент управления рисованием маркеров. (Пакет response-google-maps) Я попытался добавить опору markerOptions в компонент DrawingManager, но, похоже, это не работает так,...
66 просмотров
schedule 30.03.2022

Получение широты / долготы с карты google с помощью react-google-maps
У меня есть компонент карты const MyMapComponent = withScriptjs( withGoogleMap(props => ( <GoogleMap defaultZoom={8} defaultCenter={{ lat: props.lat, lng: props.lng }} onClick={e => console.log(e)} >...
3036 просмотров
schedule 25.03.2022

Получите координаты (широту и долготу) от маркера в Google Maps
Я начал использовать отличный пакет response-google-maps. Не могли бы вы мне помочь, как мне получить значения широты и долготы из вставленного (нажатого) маркера? Если я регистрирую возвращенный объект, я получаю область видимости, которая...
1766 просмотров
schedule 12.05.2022

импорт DrawingManager из tomchentw/react-google-maps не работает для приложения create-реагировать
В приложении, созданном с помощью приложения create-реагировать с использованием import DrawingManager from "react-google-maps/src/lib/drawing/DrawingManager"; завершится ошибкой с сообщением об ошибке Module parse failed:...
307 просмотров

Как просматривать на картах Google с помощью react-google-maps
Очень просто, как отобразить ссылку во встроенной GoogleMap, чтобы открыть карту на картах Google. <GoogleMap defaultZoom={11} defaultCenter={{ lat: parseFloat(props.mapCenter.lat), lng: parseFloat(props.mapCenter.lng)...
124 просмотров
schedule 08.08.2022

response-google-maps TypeError: объект не поддерживает свойство или метод setZoom
Я использую в своем приложении пакет react-google-maps . Я хочу получить доступ к методу Map.setZoom (), но получаю TypeError: объект не поддерживает свойство или метод setZoom. Интересно, что метод Map.panTo() отлично работает. Оба...
947 просмотров

Реагировать: преобразовать константу HOC в компонент
Я использую React Google Maps , чтобы добавить Google Maps на свою страницу, и я устанавливаю карту сюда: import React from "react"; import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"; export const...
748 просмотров

react-google-maps: открытие нескольких информационных окон
Вероятно, это будет глупо простой ответный вопрос, но, пожалуйста, потерпите меня. Я пытаюсь запустить react-google-maps с несколькими маркерами с информационные окна. Вот код: const MapWithADirectionsRenderer = compose( withProps({...
1031 просмотров
schedule 10.10.2022

React — итерация массива: ошибка «l» не определена при повторении массива
Я новичок в React. Я пытаюсь отобразить несколько мест на Картах Google, используя google-map-react. Я использую для этого приведенный ниже источник. import React, { Component } from 'react'; import GoogleMapReact from 'google-map-react';...
1611 просмотров

как установить центр на StandaloneSearchBox в ответных картах Google
я использую реагировать на Google Maps standalonesearchbox , все в порядке, но как я могу сначала показать местоположение рядом с поисковыми подсказками (местами) на карте Google, обычно, когда мы используем карту с окном поиска, мы прикрепляем друг...
644 просмотров

React - компонент Google Maps не отображается после componentDidMount
У меня просто проблемы с рендерингом Google Maps, когда происходит поиск (с почтовым индексом). Похоже, что карта отображает нулевой центр карты, а затем не выполняет повторную визуализацию после setState в componentDidMount(), поскольку карта...
966 просмотров

Как я могу получить доступ к свойству в массиве объектов, которое установлено в состоянии в реакции?
Я пытаюсь создать простое приложение с картой, в котором нет маркеров, которые запускают информационное окно при щелчке, я использую библиотеку response-google-maps, прямо сейчас я пытаюсь обработать информационное окно на части щелчка, я добавил...
34 просмотров

Используйте методы react-google-maps с перекомпоновкой
Я использую карты Google для точной настройки местоположения пользователя после функции геолокации, это часть моего кода Map.js: const MyMapComponent = compose( withProps({ googleMapURL:...
736 просмотров
schedule 08.12.2022

Проблема с передачей обратного вызова из API GMaps в компонент DirectionsRenderer из react-google-maps
Я пытаюсь отобразить gmaps с направлением маршрута между двумя точками. Итак, я построил: Класс контейнера: import React, { Component } from 'react'; import { DirectionsRenderer } from 'react-google-maps'; import Map from './Map'; class...
423 просмотров
schedule 29.12.2022

Как встроить текстовое представление в реагирующие карты Google?
Как встроить текстовое представление в реагирующие карты Google? Я успешно создал страницу карты Google в реакции, используя react-google-maps API . Вот как я вставляю маркер и связываю маркер с помощью полилинии. import React from "react";...
64 просмотров