Tell me more ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.
up vote 0 down vote favorite

A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding.

Check the example below, the bubble had to be rotated to be placed so that it represents the exact point on the map.

My question is, are there any rules, guidelines available to design the markers so that I dont have to iterate over trial and error multiple times before finding the perfect marker ?

enter image description here

share|improve this question
Seems more like programming problem to me. What is the user interface or interaction angle here? – kontur Dec 12 '12 at 8:03
2  
Personally, I think the marker in your example looks like it's highlighting an area rather than pointing to an exact location. – Matt Obee Dec 12 '12 at 9:19
Its not a programming problem. I need to know how to design the graphic so that I point to the exact location. What should be my ratio of pointer location to the width of the graphic background. This is a purely user interface question and has no place on any stackexchange site. – Siddharth Dec 12 '12 at 15:53

1 Answer

up vote 4 down vote accepted

The bubble doesn't have to point at the exact place - it can point at the pin that marks the place.

Rectangular bubbles (rounded corners included) are much more adaptable to the content within than elliptical bubbles, and are much easier to position the pointer on any part of any edge.

Is there anything wrong with what Google Maps does already:

Eg: On Desktop:

enter image description here

Also note how with the extra space available on desktop they distance the bubble via a thin pointer so you can see more of the area around the point of interest.

And on mobile:

enter image description here

share|improve this answer
This is a interesting angle to it. Yes, I agree that I can use standard google markers and bubbles. – Siddharth Dec 12 '12 at 15:54

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.