keita-makino / qualtrics-map Goto Github PK

I've trying to capture the location when someone enters there location using the address box and/or dropping the pin. Right now if they drop a pin the data gets collected however if they type in an address it doesn't work. Also the map that is displayed is zoomed in too far - is there a way to change this as well as where the map is centered to? Please could you help point me in the right direction.

Hi! I used an older version of your code to embed a map (in 2021 and 22), but struggling with the latest version. I think part of the issue might be that Qualtrics has also updated? Anyway, I'm trying to customize where the map default view is (ideally I'd like it to show the state of Montana). The directions are a little different than they were before (e.g. do you still have to convert the bundle file?). I'm not at all familiar with Javascript (beyond working with the code you provided). Thanks!

Hi @keita-makino ,
I have a query. Is it possible to add my location button in the UI so that participant does not have to scroll to find their location (as we already know that the less complexity in the survey, better it is)?
This way participants will be able to start automatically from their home location and select the point.
Please let me know if it is doable with an easy fix or code replacement in bundle script.

I have a question that asks for a respondent's address.

Currently, the question allows the respondent to drop a pin and not fill in an address, but if they fill in an address and don't drop a pin, it fails validation.

Hi. First, thank you so much for the code and efforts! I have followed your instructions very carefully but run into a persistent issue.
In the "Qualtrics Survey Settings" section of your directions, you note in step 4 to change the file to bundle.js from the bundle.txt extension. I can rename the file but cannot change the file type. If I convert the file prior to uploading, it simply opens as an HTML page that navigates me away from the Qualtrics files library.

Is there a version of the JavaScript available that would allow me to c/p in the JavaScript edit field of the question under the "addOnload"?

I need a map to open where respondents can simply zoom/move the map to select a single location in the city where data is being collected. Once the location is selected, I want it to save by clicking "next" and have that discreet location associate with the other survey items.

Thank you again!

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency @emotion/styled to v11.11.5
• Update dependency webpack-bundle-analyzer to v4.10.2
• Update dependency webpack-dev-server to v5.0.4
• Update babel monorepo (@babel/cli, @babel/core, @babel/preset-env, @babel/preset-react, @babel/preset-typescript)
• Update dependency core-js to v3.37.0
• Update dependency css-loader to v6.11.0
• Update dependency framer-motion to v11.1.7
• Update dependency webpack to v5.91.0
• Update dependency css-loader to v7
• Update dependency eslint to v9
• Update dependency style-loader to v4
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Replace dependency babel-eslint with @babel/eslint-parser 7.11.0
• Update dependency @mui/material to v5.15.15
• Update dependency react-tracked to v1.7.14
• Update dependency @mapbox/mapbox-sdk to ^0.15.0
• Update dependency @types/node to v20.12.7
• Update dependency eslint-plugin-react to v7.34.1
• Update dependency mapbox-gl to v3.3.0
• Update dependency typescript to v5.4.5
• Update react monorepo (@types/react, @types/react-dom, eslint-plugin-react-hooks, react, react-dom)
• Update typescript-eslint monorepo to v7.7.1 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Hi I am trying to run the map in Qualtrics. But it doesn't work. Could you help me with this issue? Do I need to install dependencies first? I am not a coder any help would be appreciated. Thank you!

Hello,

Many thanks for this library. Unfortunately, I receive the following error:

This site overrides Array.from() with an implementation that doesn't support iterables, which could cause Google Maps JavaScript API v3 to not work correctly.

Has anyone else encountered this error and found a way to circumvent it?

Many thanks.

I can't automatically get the location when dragging the pin on the map.

This happens when a user is redirected to the section due to an incomplete or invalid answer.

Hi @keita-makino
I cannot thank you enough for providing the scripts.
I just have a small query. Since I have no prior knowledge of Java and HTML, I am finding it hard to fix the starting point of the map. Right now, it starts from UC Davis but I want it to start from Tennessee.
I have no clue which code to edit to achieve this and need assistance from you. Please guide me on the appropriate file or script to look for to do this.

hi there.
So.... did the step by step setup.
Map and the two form fields show (w my lat long) in the Look&Feel and in the question preview.
They don't show in the survey preview or in published survey. Only the question text shows -- no form fields, no map.
I tried Chrome, Edge, Firefox.

The console actually shows an error: "SE API Error: ReferenceError: mapRender is not defined"
Again, the question preview works.... just not the survey preview or published version.

Any ideas?

Hello,
first, thank you for this, it's very handy!
I am not a java programmer, so I'm struggling to make a couple of modifications.
I am trying to get participants to select locations that are in the ocean, I would like to get the lat and lon from the map instead of an address. How should I modify the script?
Also, how can I change the default starting location?
Thanks again,
K

Thanks for creating and sharing this code! Really helpful for a project I'm working on. I noticed that satellite view doesn't seem to work. I've also changed the zoom setting to get a broader view of the map initially but now when you enter an address, it doesn't zoom into it. I'd like to be able to offer satellite view for my respondents and have automatic zoom for a searched location.

Your code exposes the accesstoken at the front-end. Which is super duper bad.

The accesstoken is equivalent to a password. Someone could just take it, use it elsewhere and you’ll have to pay the charges.

Strongly recommend updating your code.

• Define what's the "far"?
• setCenter on new marker that is far from the current one

So, the map code is working great in Qualtrics - thanks! But, the autocomplete is not location-aware. The address within the map area often comes up low down in results until the full address is typed in (see picture - second result should be first). I know there are bounding options for autocomplete that can address this, but I can't decipher the javascript to add them.