geonames | org data into Eloquent ORM including Models | Database library

I'm very new to PHP/AJAX and need some help... I have a leaflet map and am trying to chain two AJAX calls - the first AJAX uses data from a select value (a country ISO code).

I have then used the geonames API to find the most populated cities in that particular country. I would like to use the resulting latitude/longitude of each of these 10 cities (currently stored as pairs in $latLng) as parameters to call some other APIs (e.g. open weather) and dynamically add this information to a modal when a user clicks that particular leaflet marker. At the moment I have assigned the variable $latLng to data in the second AJAX call, but this is not working as I am unable to pass an array into the cURL routine.

Below is an example of what $latLng is currently showing in the console (for AU (Australia)) - each of the pairs are appearing on the leaflet map as a marker at the specified coordinates:

I'm currently adding some popups to my leaflet map of tourist destinations within a country. The popups will have a title, image and wiki link. I want to check that the images are available and preload them. I've succeeded in all of this, but now I don't know how to insert the preloaded images into the popup.

Here is my code:

I'm trying to access data on the internet via an AJAX and using PHP. I've managed to access to data, however, it is JSON encoded. I want to decode the results.

PHP File:

I need to get all city names from this site http://www.geonames.org/advanced-search.html?q=&country=BH&featureClass=P&continentCode=

So I have writing this python code

So I have leaflet markers for 10 cities in a country created from a api ajax call. When a user clicks on one of the city markers a different ajax call is made that gets 20 nearby place Wikipedia articles and adds a marker for each place on the map. It all works fine however if the city marker is clicked again the ajax call is made again and a duplicate 20 markers are added each time the city marker is clicked. I want to prevent multiple ajax calls/duplicate markers.

I've tried

.one( "click", function() {//my code});

however the result is the following error

L.marker(...).bindPopup(...).one is not a function

I've also tried

$(this).off(event);

any help would be appreciated, thank you.

My js code:

I am trying to get wikipedia api using curl PHP with geonames. But it seems to be something wrong in the connection between the php file and the script. I have tried the url with hard coded values in the PHP and it works however if I tried to concatenate using $_REQUEST the url doesnt work is like the parameter is missing. I hard coded the data in the ajax just to check if is working at the moment but once is working it should getting the information from the form. The code looks like this:

I want to pass longitude and latitude to the geonames api. Currently I have two select fields where a user selects the city longitude and the corresponding city latitude:

Api: http://api.geonames.org/findNearbyPlaceNameJSON?formatted=true&lat=47.3&lng=9&username=sherazzi403&style=full

files: index.html - simple 2 input #lat for &lng= and #lng for &lng= and the button is for ajax to run the post request to the findnearbyplacename.php.

script.js: ajax post call with 2 data fields.

I am trying to search or get the City name from Postal Code using the Geonames API.

However, I am getting a null value expectation.

Below is the code where I get the Postal Code and I have passed it to the AsyncTask to do in the Background