Please help us help you and fill where relevant:
Your LimeSurvey version: 6.4.12
Own server or LimeSurvey hosting:
Survey theme/template:
==================
Hi,

When we check the map-related questions after version update, we notice it is difficult to load successfully. It would be not ideal for respondents. Before updating, this case did not exist. I also checked the Google map, it does not work either. 

Is it possible to solve? I attached the unloading maps. Thank you in advance!


Best regards,
dq

Not related to development, i move.

I just test : no issue for me.
Can you show your browser console (F12) for error ?
 

Hi Denis,

I attached the Console.  

I also have no problem with the OpenStreetMap.

I suspect the problem with Google is that you have an incorrect API key.

- www.limesurvey.org/manual/Global_settings/en#General
- developers.google.com/maps/documentation/javascript/get-api-key

Can you attache a small sample survey containing only the relevant questions?

Hi Tony,

I attached the relevant question group in the end. Thank you for your check!
 

Please send a survey export (.lss file) containing only the relevant questions.

Hi,

I attached the .lss file. I checked again, it is still difficult to be loaded.  

The map is working but, as the question is initially hidden by relevance, the map is rendered at its smallest possible size.

You will either need to move it to another group or hide the question via CSS and use JavaScript to show it when the "indicate it on the map" checkbox is selected.

Hi Tony,

If I move it to another group, it looks strange for the whole survey.

I may further ask for the JS code to show it when the checkbox is selected. Thank you very much!

Best regards,
dqzhou

1) Assign the map question a CSS class "custom-hidden".

2) Place this script in the source of the checkbox question:


3) Place this CSS in the source of the checkbox question:


4) Modify the checkbox question validation to enforce a map selection if the second checkbox is selected (I left this for you to do).

Sample survey attached: 

tpartner wrote:

The map is working but, as the question is initially hidden by relevance, the map is rendered at its smallest possible size.

You will either need to move it to another group or hide the question via CSS and use JavaScript to show it when the "indicate it on the map" checkbox is selected.
 

If i don't make error : this issue was already fixed in 3.X
It must be reported

Hi Denis,

I use your code. When i check this map issues, I notice that the pin of loaded map is not shown in the middle.    

When I randomly adjust the window of browser, it become correct version as shown in the attached picture.  

I check it. If we do not condition it by the previous question, the pin can be correctly pinned in the middle. So I think this display issue is caused by the code in previous question. 

Thank you in advance!

Oh,

Seems there are an issue here :

1. If value is set to empty : pin must disappear and Lat/Long must be set to empty
2. If value is still there : pin must appear and lat/Lo,ng myustg be there.

Here : don't know what happen : community.limesurvey.org/bug-tracker/

Hi Tony, 

I think I indeed use this code that cannot put the pin into the middle. I check your attached file, the pin cannot be pinned into the middle as shown in the picture.  

And when i change the window of browser randomly, it becomes what we are expected to, which put the pin in the middle which is our current location. 

Thank you for your time and consideration in advance!
 

Hi,
sorry, I do not understand why there should be an initial pin.
Though you did not explain more about the use of this question I assume it is one of the annual "openbaare vervoer" surveys of TUE.
I remember a similar question of one of your fellow students some years ago.

Nevertheless:
If the respondent doesn't know his postcode you want to show a map with Eindhoven in the center, right?
And in my opinion there shouldn't be a marker; the marker symbolizes the answer, but there is no answer yet.
Now the respondent is to set a marker near his home address.

All is fine here with these settings:
zoom: 12
start position: 51.43758 5.47892


You see that I use a list(radio) question with the "other" option at the beginning
Of course the script had to be changed
from
 var mapCheckbox = $(':checkbox:last', thisQuestion);
to
var mapCheckbox = $(':radio:last', thisQuestion);

and in the css I changed to
No idea why it works with "relative". I saw it in the webdevelopment tool.