title: Show specific marker and zoom to it on leaflet map when button is pressed
body: <p>I want to call a specific object by name when one button is pressed in a json file and to be displayed on the map. And then the zoom and the map to be on this marker.</p>
  
  <p>Structure of Json file:</p>
  
  <pre><code>type": "FeatureCollection",
    "features": [
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [26.41389781, 41.9425557]
        },
        "properties": {
          "Name": "Парцел 1",
          "Crops": "Ябълки"
        }
      },
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [26.41472289, 41.95044877]
        },
        "properties": {
          "Name": "Парцел 2",
          "Crops": "Ябълки"
        }
      },
  </code></pre>
  
  <p>A the moment i have one state which is true ot false.When is false there are no markers on the map, but when is true it shows all markers on the leaflet map.Now i want to have two or three buttons, and when one is pressed to call specific marker in the json file and show on the map</p>
  
  <p>Button code,on click makes the condition to true:</p>
  
  <pre><code>   &lt;button
              value={this.state.geojsonvisible}
              onClick={this.onGeojsonToggle}
            &gt;
              Object 1
            &lt;/button&gt;
  </code></pre>
  
  <p>Show popup for the markers:</p>
  
  <pre><code> onEachFeaturePoint(feature, layer) {
      console.log("feature: ", feature);
      console.log("layer: ", layer);
      var popupContent =
        feature.properties.Name + "  " + feature.properties.Crops;
      layer.bindPopup(popupContent);
      layer.on({
        click: function (e) {
          console.log("e: ", e);
          console.log("click");
        },
      });
    }
  </code></pre>
  
  <p>This is my geojson tag:</p>
  
  <pre><code> {this.state.geojsonvisible &amp;&amp; (
                &lt;GeoJSON
                  data={points}
                  onEachFeature={this.onEachFeaturePoint.bind(this)}
                  // pointToLayer={this.pointToLayer.bind(this)}
                /&gt;
              )}
  </code></pre>