How can I use this in a form?

Issues related to forms.
Post Reply
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

How can I use this in a form?

Post by alan_sh »

I have a goofle map here: https://www.google.com/maps/d/embed?mid ... 1605804713.

In there, you can see all the scout locations that I help and manage. What I would like is a small form where I can put in a postcode and it shows that location along with the nearby scout groups.

I thought I might have something with the built in google map search, but it doesn't like the above URL (google maps complains).

Does anyone have any ideas on how I can make this work?

Cheers

Alan
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: How can I use this in a form?

Post by BaconFries »

Just entering a postcode isnt enough to find a exact location , remember that a postcode can be for more than one address not a specific location on the street , Google will just show a estimate location using that. Have you actually used the "full" building number, street name, town. Also if you know the geo location ie latitude and longitude then this would give you a better return in your search.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: How can I use this in a form?

Post by alan_sh »

Postcode is fine. All I want is a general location and for them to look around and see where their nearest group is visually.

Try OL12 9JP if you want an example.
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: How can I use this in a form?

Post by BaconFries »

Ok I know that this won't help but this made me think of a extension I made along time ago. The extension in question was the jQuery Store Locator. See the url below for the original authors site on what it was based on. You can test it using the information on the site, you cant test using a uk postcode sorry.
https://bjornblog.com/storelocator/v2/
jQuery Store Locator
http://www.wysiwygwebbuilder.com/forum/ ... 42&t=46934

Maybe you could use the script from the site.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: How can I use this in a form?

Post by alan_sh »

That looks exactly what I want - but I have no idea how I would implement it.

Looking at the example from the blog, I would need a.css file and add in the html code. But I'm working in the dark.

Your link to this form comes up with 'not found'.

ALan
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: How can I use this in a form?

Post by BaconFries »

😳 https://www.bjornblog.com/web/jquery-st ... tor-plugin
The author gives a link to all the files which are on github.com once downloaded you would use the HTML
Object and the File Publisher for the external files. I wish I still had a copy of the extension and would just share it again...
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: How can I use this in a form?

Post by alan_sh »

Thanks.

I did see this, but I don't think my expertise is there yet. I was hoping it would be a simple https:... line in the wizard to fix it.

I've found another way to do what I want. Not quite as elegant, but it works. Here's my test version http://mobiletest.gmnscouts.org.uk/findus.html - just follow the instructions.

Alan
Post Reply