2. Alter your main survey db table (depending on the db table prefix you used, should look like limesurvey_123456)
a. Using phpMyAdmin, add the fields lng and lat to your table, along with an identifier field that will appear in your info balloon (you can add more if you want to have, but these three are essential)

i) IMMEDIATELY FOLLOWING the id field, add field lon (field type decimal(10,7))
ii) IMMEDIATELY FOLLOWING the lon field, add field lat (field type decimal(10,7))
iii) IMMEDIATELY FOLLOWING the lat field, add the field siteInfo (field type varchar(150))
iv) add as many fields as you want to show up in the info balloon.

3. Now that your table is modified so that your php scripts can use data from it, you will need to update the table so that these fields are populated with data retrieved from LimeSurvey.

We will create three files to do this, and you will also want to upload two .js files (code below). One connects with your db, one updates your db, and one paints your map. Update red text to match your own needs:

Using phpMyAdmin, find the row in your table that holds your lat/lon information. You may have to take your survey live, if you have not yet done this, and put in some dummy information so that you can identify the correct field. The field data will look like this:

34.08721315914823;-118.2044792175293;Los Angeles;CA;US;90031

In my demo case, the fieldname "123456X2X48" holds geographical information, and the 1234562X12 field holds site info. We will pull data out of both of these fields to populate our table, but the mapping interface will not accept the json data in the geo field, and we might as well put in the siteInfo data if we have to modify our table anyway. So in the code below modify the highlighted fields to match your table.

I tried to include the code here, but the upload file was not accessible, and the code itself was truncated. Again, download the file, save it somewhere, then upload to your js directory on your server.