Hinzufügen von Klick- und Zoom-Funktionalität

joepublic

Ich habe die folgende App (ICGC WEB PORTAL)   Je nachdem, welcher Button oben angeklickt wird, werden bestimmte Länder hervorgehoben. Ich brauche Hilfe bei Folgendem:<\/P>

 <\/P>

Ich möchte auf das angeklickte Land schwenken/zentrieren und außerdem den Zoom-Level erhöhen.<\/P>

Dies ist mein Versuch<\/P>

 <\/P>

function getExtent(){<\/P>

  var lat = map.getCenter().lat;<\/P>

  var lng = map.getCenter().lng;<\/P>

  var newCord = [lat, lng];<\/P>

  return newCord;<\/P>

}<\/P>

 <\/P>

function highlightFeature(e){<\/P>

   var newCenter = getExtent(); <--<\/P>

   var layer = e.target<\/P>

  [Inhalt ausgelassen]<\/P>

}<\/P>

 <\/P>

function onEachFeature(feature, layer){<\/P>

  layer.on({<\/P>

    click: highlightFeature<\/P>

  });<\/P>

}<\/P>

 <\/P>

countries = L.geoJson(featureCollection, {<\/P>

   onEachFeature: onEachFeature<\/P>

}).addTo(map);<\/P>

 <\/P>

 <\/P>

Script angehängt<\/P>

JohnGravois

the easiest thing to do would just be to listen for the 'click' event of your featureLayer and use that opportunity to retrieve its bounds and pass them to the map.

featureLayer.on('click', function(evt) {
    // http://leafletjs.com/reference.html#featuregroup-getbounds
    var bounds = evt.layer.getBounds()
    // http://leafletjs.com/reference.html#map-fitbounds
    map.fitBounds(bounds);
});

this is possible because 'L.esri.FeatureLayer' extends 'L.geoJson' and 'L.geoJson' extends 'L.featureGroup', which has a method 'getBounds()'.  you can find a working example here.

between all the inheritance and the fact that the documentation for Esri Leaflet and Leaflet itself are in two different places, stuff like this can be confusing until you get the hang of it.