- Posts: 3
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Ability to add Google Maps as a question
- mfpereira
- Offline
- New Member
Less
More
10 years 6 months ago #100840
by mfpereira
Replied by mfpereira on topic Ability to add Google Maps as a question
Any new about how put a search box in google maps?
I find some code in google developers
developers.google.com/maps/documentation...les/places-searchbox
I already do same alterations, but I can realize all.
Best regards
I find some code in google developers
developers.google.com/maps/documentation...les/places-searchbox
I already do same alterations, but I can realize all.
Best regards
The topic has been locked.
- dweisser
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 2 months ago #104865
by dweisser
Replied by dweisser on topic Ability to add Google Maps as a question
Has anyone tried to calculate driving distances between two points on their survey using this map?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10099
- Thank you received: 3589
10 years 2 months ago #104901
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Ability to add Google Maps as a question
I haven't tried it but you should be able to use the Google Maps API v3 Distance matrix -
developers.google.com/maps/documentation...cript/distancematrix
.
.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- Mazi
- Offline
- Official LimeSurvey Partner
10 years 2 months ago #104905
by Mazi
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Replied by Mazi on topic Ability to add Google Maps as a question
I have seen similar requests before. So if you succeed in creating a nice solution, please add it to manual -> workarounds.
Thanks!
Thanks!
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.
- dweisser
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 2 months ago #104915
by dweisser
Replied by dweisser on topic Ability to add Google Maps as a question
My problem is the Doctype declaration, I think. Google says to use Doctype 5.
I don't know where to put that bit of code.
I assume the head of the template is good for the javascript. You have to register your API key and you can do that under general settings. There is some required CSS - that's an easy one.
Any thoughts?
I don't know where to put that bit of code.
I assume the head of the template is good for the javascript. You have to register your API key and you can do that under general settings. There is some required CSS - that's an easy one.
Any thoughts?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10099
- Thank you received: 3589
10 years 2 months ago - 10 years 2 months ago #104986
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Ability to add Google Maps as a question
Well, I didn't have much time to spend on this but here's a quick-and-dirty example of how to calculate the distance and travel time from the "Default position" using the
Google Maps API v3 Distance matrix
.
Place this in the question source.
Demo survey:
.
Place this in the question source.
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ // Identify the map var mapSGQA = '{SGQ}'; var currentMap = gmaps[''+mapSGQA+'_c']; // Wait for the map to load google.maps.event.addListenerOnce(currentMap, 'idle', function(){ // Some variable definitions var currentMarker = gmaps['marker__'+mapSGQA+'_c']; var answerInput = $('#answer'+mapSGQA+'_c'); var defaultPosition = $(answerInput).val(); var startLat = $('#answer'+mapSGQA+'_c').val().split(' ')[0]; var startLng = $('#answer'+mapSGQA+'_c').val().split(' ')[1]; var startLatLng = new google.maps.LatLng(startLat, startLng); var originIcon = 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=O|FFFF00|000000'; // Listener on the map events google.maps.event.addListener(currentMap, 'click', function() { calculateDistances(startLatLng, currentMarker.getPosition()); }); google.maps.event.addListener(currentMarker, 'dragend', function() { calculateDistances(startLatLng, currentMarker.getPosition()); }); google.maps.event.addListener(currentMap, 'rightclick', function() { calculateDistances(startLatLng, currentMarker.getPosition()); }); // Insert the results element $(answerInput).after('<div class="distanceResults" />'); }); }); function calculateDistances(origin, destination) { var service = new google.maps.DistanceMatrixService(); service.getDistanceMatrix({ origins: [origin], destinations: [destination], travelMode: google.maps.TravelMode.DRIVING, unitSystem: google.maps.UnitSystem.METRIC, avoidHighways: false, avoidTolls: false }, callback); } function callback(response, status) { if (status != google.maps.DistanceMatrixStatus.OK) { alert('Error was: ' + status); } else { var origins = response.originAddresses; var destinations = response.destinationAddresses; var outputDiv = $('.questiontext'); outputDiv.innerHTML = ''; for (var i = 0; i < origins.length; i++) { var results = response.rows[i].elements; for (var j = 0; j < results.length; j++) { $('.distanceResults').html('Start address: '+origins[i]+'<br />\ End address: '+destinations[j]+'<br />\ Distance: '+results[j].distance.text+'<br />\ Time: '+results[j].duration.text+''); } } } } </script>
Demo survey:
.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last edit: 10 years 2 months ago by tpartner.
The following user(s) said Thank You: dglp
The topic has been locked.
- dweisser
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 2 months ago #105001
by dweisser
Replied by dweisser on topic Ability to add Google Maps as a question
Hey T,
This is great. I think there are a lot of directions one could go here.
I was working on this, but instead of using the short-text Map-style question, I ended up showing a map inside a short-text text-style question. It is not optimal because the style requirements were pretty hard to work with, however I was able to save the calculated distance as the question's answer.
I assume that this is what this does:
I suppose the "benefit" of using the external map rather than the short-text map-style question is that it might be more easy to implement driving directions, location search and things of that nature. Or is it?
Your solution is really great. Thank you as always for relentlessly adding to the knowledge base.
David
This is great. I think there are a lot of directions one could go here.
I was working on this, but instead of using the short-text Map-style question, I ended up showing a map inside a short-text text-style question. It is not optimal because the style requirements were pretty hard to work with, however I was able to save the calculated distance as the question's answer.
I assume that this is what this does:
Code:
// Insert the results element $(answerInput).after('<div class="distanceResults" />');
I suppose the "benefit" of using the external map rather than the short-text map-style question is that it might be more easy to implement driving directions, location search and things of that nature. Or is it?
Your solution is really great. Thank you as always for relentlessly adding to the knowledge base.
David
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10099
- Thank you received: 3589
10 years 2 months ago #105002
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Ability to add Google Maps as a question
Yes, of course, this could be applied to any map. I just used the LimeSurvey map because it was faster.
.
.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- AudioMan612
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
9 years 8 months ago #111398
by AudioMan612
Replied by AudioMan612 on topic Ability to add Google Maps as a question
Hi,
As some people have mentioned here, I would like a way to implement a search function in Google Maps in a survey. I have very limited experience with web development, so I'm struggling a bit with this (I'm used to writing stand-alone programs, not scripts for webpages). Anyways, I found a LimeSurvey that has successfully implemented a search function and I was wondering if anyone might have any clues as to how to implement this.
bart.etcsurvey.com/index.php/
The first question with Google Maps is somewhere around 7 questions in. The survey remembers your choice as the origin of you trip and shows it on a map later on. I'm currently going through the sources for the webpage trying to see if I get any ideas, but any help would be awesome. Thanks!
As some people have mentioned here, I would like a way to implement a search function in Google Maps in a survey. I have very limited experience with web development, so I'm struggling a bit with this (I'm used to writing stand-alone programs, not scripts for webpages). Anyways, I found a LimeSurvey that has successfully implemented a search function and I was wondering if anyone might have any clues as to how to implement this.
bart.etcsurvey.com/index.php/
The first question with Google Maps is somewhere around 7 questions in. The survey remembers your choice as the origin of you trip and shows it on a map later on. I'm currently going through the sources for the webpage trying to see if I get any ideas, but any help would be awesome. Thanks!
The topic has been locked.
- s9521070
- Offline
- New Member
Less
More
- Posts: 2
- Thank you received: 0
9 years 5 months ago #113715
by s9521070
Replied by s9521070 on topic Ability to add Google Maps as a question
Did anyone find a way to include a "Place search box" inside a question that uses Google Maps? It would be really helpful if the functionality shown
here
can be used to obtain the latitude-longitude values from a Google Maps Limesurvey question without the necessity to move around the map manually.
The topic has been locked.
- Maryam01
- Offline
- Junior Member
Less
More
- Posts: 20
- Thank you received: 0
8 years 3 months ago #129629
by Maryam01
Replied by Maryam01 on topic Ability to add Google Maps as a question
Is there a way to add the google search bar in the version 2.06?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10099
- Thank you received: 3589
8 years 3 months ago #129633
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Ability to add Google Maps as a question
Can you explain more? Add a search bar to what?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.