By clickable I mean when you click on the city, data about the city will be
displayed in the side panel
So here is what I am trying to make happen:
Step 1, Click on the country and zoom into and center on the city.
Step 2. Click on the city and data about the city is displayed in the side
panel
I defined a city url:
var cityURL = 'http://....../StRaphaelOSM/MapServer/;
and added the following code
var cityLayer = L.esri.featureLayer().addTo(map);
cityLayer.on('click', function(evt) {
var bounds = evt.layer.getBounds()
map.fitBounds(bounds);
});