@ react- google-maps Ошибка отображения маркера LatLng - PullRequest
Новая
       31

@ react- google-maps Ошибка отображения маркера LatLng

1 голос
/ 13 июля 2020

Я использую @react-google-maps/api для построения моей первой карты реакции. Но мой литерал latLng для позиции внутри Marker нарушает мой код. Разве это не тот формат latLng, который я использую для center, который отлично работает? В чем разница между широтой и долготой моего маркера? Кажется, это единственный обязательный атрибут в документах , так что я в тупике. 

import React, { Component } from 'react';
import { GoogleMap, LoadScript, Marker } from '@react-google-maps/api';
import icon1 from '../map/icon1.svg';
import iconDead from '../map/iconDead.svg';

const center = { lat: 51.510228, lng: -0.132992 };
const API = 'xxxx'; 
const containerStyle = {
  width: '100%',
  height: '800px'
};

function MyComponent( markers, onToggleOpen ) {

  
  return (
    <LoadScript
      googleMapsApiKey={API}
    >
      <GoogleMap
        mapContainerStyle={containerStyle}
        center={center}
        zoom={10}
      >
        <Marker position={ lat: 51.510228, lng: -0.132992 }></Marker>
        <></>
      </GoogleMap>
    </LoadScript>
  )
}
 
export default React.memo(MyComponent)

1 Ответ

2 голосов
/ 13 июля 2020

Свойство position является объектом. Передайте свои значения широты и долготы следующим образом: 


<Marker position={{lat: 51.510228, lng: -0.132992}}></Marker>
...