Как установить несколько PushPins со скрытыми инфобоксами по клику - PullRequest
Новая
       44

Как установить несколько PushPins со скрытыми инфобоксами по клику

0 голосов
/ 28 января 2020

Я пытаюсь разместить 1919 пинов на карте.

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

Мой второй вопрос - как расположить на карте мою страну. Когда я устанавливал координаты для свойства center, я пытался тщательно настроить свойство zoom, но не работал.

Код: 

import React from 'react';

import { ReactBingmaps } from 'react-bingmaps';

function App() {
  return (
    <div className="App">
      <header className="App-header">

        <ReactBingmaps
        bingmapKey="AnK1IGWE20I4jxXYE6lqu5sPHf9rQR5OEBs1vyrXBt6LGy4HpbAHqc0kGvq1pFpf"
        center = {[42.6170006, 25.3999996]}
        zoom = {17}
        pushPins={[{
          'location': [42.6170006, 25.3999996],
          'option': {color: 'red'},
      }
    ]}
      infoboxes = {
        [
          {
            "location":[42.6170006, 25.3999996], "option":{ title: 'Chennai', description: '...' }
          },
        ]
      }
      >
        </ReactBingmaps>
      </header>

    </div>
  );
}

export default App;
...