Как запрашивать маршруты здесь на картах с помощью reactjs

Я пытаюсь сделать запросы карты с картами здесь на маршрутах с помощью reactjs, в настоящее время я могу отображать карту в своем приложении с помощью этого кода:

import * as React from 'react';

export const DisplayMapFC = () => {
  // Create a reference to the HTML element we want to put the map on
  const mapRef = React.useRef(null);

  /**
   * Create the map instance
   * While `useEffect` could also be used here, `useLayoutEffect` will render
   * the map sooner
   */
  React.useLayoutEffect(() => {
    // `mapRef.current` will be `undefined` when this hook first runs; edge case that
    if (!mapRef.current) return;
    const H = window.H;
    const platform = new H.service.Platform({
        apikey: "xxxxxxxxx"
    });
    
    const defaultLayers = platform.createDefaultLayers();

    const hMap = new H.Map(mapRef.current, defaultLayers.vector.normal.map, {
      center: { lat: 36.2104063, lng: -113.7236071 }, //,
      zoom: 4,
      pixelRatio: window.devicePixelRatio || 1
    });


    const behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(hMap));

    const ui = H.ui.UI.createDefault(hMap, defaultLayers);

    // This will act as a cleanup to run once this hook runs again.
    // This includes when the component un-mounts
    return () => {
      hMap.dispose();
    };
  }, [mapRef]); // This will run this hook every time this ref is updated

  return <div className = "map" ref = {mapRef} style = {{ height: "355px",width:"650px" }} />;
};


const searchMap=(e)=>{
    e.preventDefault();
    console.info(" view controle ",e);
    const origin = "52.5308,13.3847";
    const destiny = "52.5264,13.3686";
}

Я пытаюсь отправить координаты из начальной точки в конечную, чтобы показать построенный маршрут и время.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
118
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

это сработало для меня: Измените API_KEY, источник и пункт назначения. Удача! https://codesandbox.io/s/react-with-heremap-2cze0?file=/src/mapHere.js

Другие вопросы по теме