Я использую API-карты Bing в реакции. Я запутался, где я должен положить стиль, чтобы настроить внешний вид? - PullRequest
Новая
       38

Я использую API-карты Bing в реакции. Я запутался, где я должен положить стиль, чтобы настроить внешний вид?

0 голосов
/ 03 марта 2020

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

function Map(props) {
  const [name, setName] = useState("");
  const [coordinates, setCoordinates] = useState(null);
  const [hasError, setHasError] = useState(false);
  const { cityName } = useParams();

  useEffect(() => {
    fetch(`https://api.teleport.org/api/urban_areas/slug:${cityName}/`)
      .then(response => response.json())
      .then(response => {
        setName(response.name);
        setCoordinates(response.bounding_box.latlon);
      })
      .catch(error => {
        setHasError(true);
      });
  }, [cityName]);

  if (hasError) {
    return "Sorry try again. City does not exist";
  }

  if (!coordinates) {
    return null;
  }

  const center = {
    lng: (coordinates.east + coordinates.west) / 2,
    lat: (coordinates.north + coordinates.south) / 2
  };

  return (
    <div className="Map">
      <MapTitle city={name} />
      <ReactBingmaps
        bingmapKey="..."
        center={[center.lat, center.lng]}
      ></ReactBingmaps>
    </div>
  );
}
...