удаление маркера после нажатия кнопки - вместо этого удаляет всплывающее окно - PullRequest
Новая
       11

удаление маркера после нажатия кнопки - вместо этого удаляет всплывающее окно

0 голосов
/ 02 мая 2020

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

state = {
       newItems: [{Description: "opis...",  Name: "Pierwszy", X: 255,Y:100}],
}
  componentDidMount() {
 const map = new mapboxgl.Map({
      container: this.mapContainer,
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [50, 100],
      zoom: 10,
    })

   for (const obj of newItems) {
      let myLatlng = new mapboxgl.LngLat(obj.X, obj.Y);
      new mapboxgl.Marker()
        .setLngLat(myLatlng)
        .setPopup(new mapboxgl.Popup({ offset: 25 })
          .setHTML('<h3>' + obj.Name + '</h3><p>' + obj.Description + '</p><button onclick=(function(){event.target.parentNode.remove})();>Remove Marker</button>'
          ))
        .addTo(map);
    }
    }
render() {

    return (
        <div ref={el => this.mapContainer = el}</div>
)}
...