Sharing my Distance Widget and What's Around Me Widget

120 views
Skip to first unread message

Ciul

unread,
Nov 7, 2010, 8:32:54 AM11/7/10
to Google Maps JavaScript API v3
Hi Google Team and pals.

I've made two widgets by myself hope you like it and find them
usefull.

First one: Distance Widget

Basically the same at google maps page but, it makes a marker for each
click you make and these are draggable markers, so you can change the
path at any moment and so the distance will update.

Try it at www.map.quillamwa.com/distancewidget


Second one: What's Around Me Widget

This one is really cool, at least to me hehe.

You wanna know what is around you, so you drag a person marker that
represents yourself (or your users) to the position where you are (the
hotel, your uncle's house, anywhere) and then drag the sizer marker so
you make bigger or smaller the search scope which is a circle.

It receives an array or a MVCArray (handles both) with markers to
analyze, then it will show those which are inside the search scope and
hide the others which aren't inside.

Try it at www.map.quillamwa.com/aroundwidget don't forget to click
the Do Something Button since it is the one that pass the array in the
example I did.

Thank you and any comment will be received happily.

Best regards from Colombia.

Luke Mahé

unread,
Nov 7, 2010, 6:26:02 PM11/7/10
to google-map...@googlegroups.com
I could have sworn I've seen that around widget somewhere before :) http://code.google.com/apis/maps/articles/mvcfun.html

- Luke


--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.


Ralph Ames

unread,
Nov 7, 2010, 8:35:58 PM11/7/10
to google-map...@googlegroups.com
www.map.quillamwa.com/distancewidget

www.map.quillamwa.com/aroundwidget

Both these links fail with an error in my IE7.

Ralph

Ciul

unread,
Nov 8, 2010, 1:20:12 AM11/8/10
to Google Maps JavaScript API v3


On 7 nov, 18:26, Luke Mahé <lu...@google.com> wrote:
> I could have sworn I've seen that around widget somewhere before :)http://code.google.com/apis/maps/articles/mvcfun.html
>
> - Luke

You are right Luke.

The article of have fun with MVC Objects plus the twitter
getSnappedPosition method :P
helped me a lot to understand how to make widgets. Thanks google team
for documentation.

I rewrote it by myself now, it isn't compound of two widgets like in
the article, it is only one, and it is using MooTools framework.
Has options you can set while instance it, and events you can approach
without needing to know about google listeners, just MooTools events
directly since I handled that internally.

Please see it now and u will find that no more Do something! button
required, since it has it's own custom control, hehe, I stole your
distance widget image from google maps site, While I draw one I feel
comfortable with.

The distance widget is an addition to the default you have on the
google maps site, I added a few things that I think make it easier to
change the path.

Please see again the around widget and tell me what do u think?

Regards, I'm exited about making widgets :D

Ciul

unread,
Nov 8, 2010, 1:24:46 AM11/8/10
to Google Maps JavaScript API v3


On 7 nov, 20:35, Ralph Ames <ralph.a...@gmail.com> wrote:
> www.map.quillamwa.com/distancewidget
>
> www.map.quillamwa.com/aroundwidget
>
> Both these links fail with an error in my IE7.
>
> Ralph

Hi Ralph.

Please tell me which error since I test these in FireFox, Google
Chrome and IE 8 and they run nice. They run faster at Google Chrome I
have to say.

Please try it with Google Chrome or FireFox.

geoco...@gmail.com

unread,
Nov 8, 2010, 1:36:34 AM11/8/10
to Google Maps JavaScript API v3
Some of us don't have that option (at least some of the time...)

DaveGivesPHPaShot

unread,
Nov 8, 2010, 2:51:31 AM11/8/10
to Google Maps JavaScript API v3
Re error:
I am on a French version of IE, but at work and I can't see which
version of IE.

On http://map.quillamwa.com/distancewidget/ and http://map.quillamwa.com/
I get the exact same error message :
Line 477, character 2, Identifier, string or number expected.
(I am translating from French : "identificateur, chaîne ou nombre
attendu")

Ciul

unread,
Nov 8, 2010, 6:37:35 AM11/8/10
to Google Maps JavaScript API v3


On 8 nov, 02:51, DaveGivesPHPaShot <tolman.da...@gmail.com> wrote:
> Re error:
> I am on a French version of IE, but at work and I can't see which
> version of IE.

Thanks Dave.
May you upload a snapshot somewhere to see it please.
My code line 477 is in blank.

Maybe the version of IE has something to do. I'm using IE 8 and it
works... :( how bad it doesn't seem working for IE versions lower than
8

geoco...@gmail.com

unread,
Nov 8, 2010, 8:05:39 AM11/8/10
to Google Maps JavaScript API v3
On Nov 8, 3:37 am, Ciul <luiscarlosj...@gmail.com> wrote:
> On 8 nov, 02:51, DaveGivesPHPaShot <tolman.da...@gmail.com> wrote:
>
> > Re error:
> > I am on a French version of IE, but at work and I can't see which
> > version of IE.
>
> Thanks Dave.
> May you upload a snapshot somewhere to see it please.
> My code line 477 is in blank.

You are probably looking at the wrong file. IE doesn't tell you what
file the line is in.

The only way I know of to determine that is to use Microsoft's script
debugger on a machine that exhibits the error.

-- Larry

Ciul

unread,
Nov 9, 2010, 3:49:36 AM11/9/10
to Google Maps JavaScript API v3


On 8 nov, 08:05, "geocode...@gmail.com" <geocode...@gmail.com> wrote:
> On Nov 8, 3:37 am, Ciul <luiscarlosj...@gmail.com> wrote:
>
> > On 8 nov, 02:51, DaveGivesPHPaShot <tolman.da...@gmail.com> wrote:
>
> > > Re error:
> > > I am on a French version of IE, but at work and I can't see which
> > > version of IE.
>
> > Thanks Dave.
> > May you upload a snapshot somewhere to see it please.
> > My code line 477 is in blank.
>
> You are probably looking at the wrong file. IE doesn't tell you what
> file the line is in.
>
> The only way I know of to determine that is to use Microsoft's script
> debugger on a machine that exhibits the error.
>
>   -- Larry

Still trying to reproduce the error and no success.

Debugging with developer tools from IE but everything seems Ok.
I could upload a few snapshots of the widget working at Chrome,
Mozilla and IE for you to see, no console errors.

And my code is only one file, the others are the MooTools framework
and the google maps file (which loads dinamically).
So can fix error if it's not in my code...if that should be the case.

Anyway, please someone try the widget with others browsers and tell me
if working.

Best regards

-- Ciul
Reply all
Reply to author
Forward
0 new messages