Change font size, style, etc... of directions

[easy_golfin]

Is there anyway to manipulate the font style, size, etc.. of the
directions that appear when using the Google Maps API V3? Perhaps
through javascript or CSS? I tried looking but couldn't find anything.


Thanks

[Chris Broadfoot]

Do you mean in the InfoWindow or the panel?

--
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.

[easy_golfin]

The DirectionsPanel, the directions that are returned.

Like in this one:

http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html

The route that is returned on the right hand side of the map once a
city is selected.

On Dec 1, 9:13 pm, Chris Broadfoot <c...@google.com> wrote:
> Do you mean in the InfoWindow or the panel?
>
>
>
>
>
>
>
> On Thu, Dec 2, 2010 at 9:40 AM, easy_golfin <turbinator...@gmail.com> wrote:
> > Is there anyway to manipulate the font style, size, etc.. of the
> > directions that appear when using the Google Maps API V3? Perhaps
> > through javascript or CSS? I tried looking but couldn't find anything.
>
> > Thanks
>
> > --
> > 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<google-maps-js-api-v3%2B unsub...@googlegroups.com>
> > .

[Chris Broadfoot]

Sure. Since you provide your own DOM element to contain the step-by-step instructions, you can apply your own styling to that container.

Here's a super ugly example:

http://savedbythegoog.appspot.com/retrieve_cache?unique_id=edbfc17ed5fd210dc13a86146b836d592c619495

Cheers

Chris

To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.

[easy_golfin]

The link provided says it seems to be broken... Would you happen to
have any other example?

On Dec 2, 1:40 am, Chris Broadfoot <c...@google.com> wrote:
> Sure. Since you provide your own DOM element to contain the step-by-step
> instructions, you can apply your own styling to that container.
>

> Here's a super ugly example:http://savedbythegoog.appspot.com/retrieve_cache?unique_id=edbfc17ed5...

>
> Cheers
> Chris
>
>
>
>
>
>
>
> On Thu, Dec 2, 2010 at 6:06 PM, easy_golfin <turbinator...@gmail.com> wrote:
> > The DirectionsPanel, the directions that are returned.
>
> > Like in this one:
>

> >http://code.google.com/apis/maps/documentation/javascript/examples/di...

>
> > The route that is returned on the right hand side of the map once a
> > city is selected.
>
> > On Dec 1, 9:13 pm, Chris Broadfoot <c...@google.com> wrote:
> > > Do you mean in the InfoWindow or the panel?
>
> > > On Thu, Dec 2, 2010 at 9:40 AM, easy_golfin <turbinator...@gmail.com>
> > wrote:
> > > > Is there anyway to manipulate the font style, size, etc.. of the
> > > > directions that appear when using the Google Maps API V3? Perhaps
> > > > through javascript or CSS? I tried looking but couldn't find anything.
>
> > > > Thanks
>
> > > > --
> > > > 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<google-maps-js-api-v3%2B unsub...@googlegroups.com><google-maps-js-api-v3%2B

[Chris Broadfoot]

Sorry about that. Try this:

https://gist.github.com/raw/33687bbee5747d969267/directions-panel-css.html

Chris

To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.

[Chris Broadfoot]

... and a live link:

http://geoapis.appspot.com/agdnZW9hcGlzchMLEgtFeGFtcGxlQ29kZRjRjAEM

[easy_golfin]

Thanks, I got it to work. Although, can you explain why it doesn't
work without the style sheet that is referenced in the code?

The CSS contains

html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }

Without that, it doesn't seem to work.

On Dec 5, 2:38 pm, Chris Broadfoot <c...@google.com> wrote:
> ... and a live link:
>
> http://geoapis.appspot.com/agdnZW9hcGlzchMLEgtFeGFtcGxlQ29kZRjRjAEM
>
>
>
>
>
>
>
> On Mon, Dec 6, 2010 at 9:12 AM, Chris Broadfoot <c...@google.com> wrote:
> > Sorry about that. Try this:
>

> >https://gist.github.com/raw/33687bbee5747d969267/directions-panel-css...
>
> > Chris

[geoco...@gmail.com]

On Dec 5, 10:45 pm, easy_golfin <turbinator...@gmail.com> wrote:
> Thanks, I got it to work. Although, can you explain why it doesn't
> work without the style sheet that is referenced in the code?
>
> The CSS contains
>
> html { height: 100% }
> body { height: 100%; margin: 0px; padding: 0px }
>
> Without that, it doesn't seem to work.

That css allows the browser to calculate the size of the map div and
report it correctly to the API. Without it browsers report zero size
for the div and you can't see the map.

-- Larry

[Migu]

Hello Guys,
do You have any idea on how to change font-size on any infoWindow generated by a click event on the directionsPanel?
I'm going mad to discover that...

Cheers