Настраиваемое всплывающее окно для библиотеки реагирующих листовок - PullRequest
Новая
       22

Настраиваемое всплывающее окно для библиотеки реагирующих листовок

0 голосов
/ 01 июня 2018

Я исследовал, как открыть всплывающее диалоговое окно на маркере, чтобы оно всегда находилось внутри диалогового окна представления, а не отображалось за пределами экрана.Я наткнулся на https://github.com/erictheise/rrose и https://github.com/yafred/leaflet-responsive-popup.

Закончил работу с отзывчивым всплывающим окном и использовал https://medium.com/@nikjohn/creating-a-dynamic-jsx-marker-with-react-leaflet-f75fff2ddb9, чтобы выяснить, как генерировать JSX-контент во всплывающем окне.Однако я не могу понять, как связать это всплывающее окно с маркером реактивной листовки. 

let customPopup = new L.ResponsivePopup().setContent(ReactDOMServer.renderToString(<div></div>));

<Marker position={position} icon={icon} key={`${headline.id}${key}`}>
          <Popup autoPan={false}> //Existing way, how to use the custom popup?
            <span>
              My Content Here
            </span>
          </Popup>
</Marker>

Любое руководство будет очень полезным.

Спасибо!

...