Возможна картограмма (datalense) с несовместимостью API Geovisualization и SDK JavaScript 3.1? - PullRequest
Новая
       1

Возможна картограмма (datalense) с несовместимостью API Geovisualization и SDK JavaScript 3.1?

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

Можно ли создать карту хороплетов с JS 3.1 и геовизуализацией?

Этот пост говорит JavaScript 3.1, а геовизуализация несовместима.

Мне нужна такая карта: https://developer.here.com/api-explorer/geovisualization/technology_choropleths/choropleth-country-gdp-geojson

Я попробовал следующий код в машинописи внутри индекса. html: 

  <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js" charset="utf-8"></script>
  <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js" charset="utf-8"></script>
  <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js" charset="utf-8"></script>
  <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js" charset="utf-8"></script>
  <script type="text/javascript" src="https://js.cit.datalens.api.here.com/latest/mapsjs-datalens.js" charset="utf-8"></script>

И получите следующую ошибку: 

mapsjs-datalens.js:7 Uncaught TypeError: Cannot read property 'RenderEngine' of undefined
at Object.<anonymous> (mapsjs-datalens.js:7)
at n (mapsjs-datalens.js:7)
at Object.<anonymous> (mapsjs-datalens.js:7)
at n (mapsjs-datalens.js:7)
at Object.<anonymous> (mapsjs-datalens.js:7)
at n (mapsjs-datalens.js:7)
at Object.<anonymous> (mapsjs-datalens.js:7)
at n (mapsjs-datalens.js:7)
at mapsjs-datalens.js:7
at mapsjs-datalens.js:7

РЕДАКТИРОВАТЬ:

Вот скриншот карты из примера. Страница была онлайн в воскресенье. Пример был о наборе данных с определенным значением страны и другом с GPS-координатами границ страны. В этом примере просто создайте карту хороплета.

Снимок экрана: ЗДЕСЬ карта хороплета

EDIT2:

В примере они используйте следующие данные для фигур страны от пространственного провайдера: 

let spatialProvider = new H.datalens.RawDataProvider({
            dataUrl: 'https://js.cit.datalens.api.here.com/datasets/here_country_low.json?' + Date.now()
        });

Для значения они также используют пример набора данных в виде dataProvider: 

 var queries = {"query":{"fileName":"query.json","dataset":"379fe7b20d1444b197340da02df6239f","id":"0a9c6e3996944984b36232547602baf4"}};
    const {query} = queries;  

 let dataProvider = new H.datalens.QueryProvider(
        service,
        {
            queryId: query.id
        }
    );

Цвет отделяется с помощью d3 

let values = [0, 0.24, 0.86, 2.42, 10];
let colors = ['#2A3691', '#3F5CA5', '#57A4D9', '#97D3CA', '#CAF8BF'];
let colorScale = d3.scaleQuantile().domain(values).range(colors);

EDIT3:

Я начинаю думать, что невозможно создать такую ​​сопутствующую карту с картами ЗДЕСЬ. Вся область геовизуализации больше не доступна на домашней странице ЗДЕСЬ. Я думаю, это тяжелое утверждение.

Может быть, кто-то из команды разработчиков HERE сможет ответить на этот вопрос?

...