?
Solved

Resizing a Google Map Info Window

Posted on 2014-12-21
2
Medium Priority
?
465 Views
Last Modified: 2014-12-21
My website incorporates an API v3 Google Map at www.mauitradewinds.com/location.htm.  An info window with text "Maui Tradewinds" is supposed to appear when visitors click or tap the map location marker, and up until recently this worked on a desktop, iPad and iPhone.   iPhone visitors are redirected to www.mauitradewinds.com/m_location.htm 

I just noticed, on iPad and iPhone, that the info window text is incomplete ("Maui____"  instead of Maui Tradewinds).  However, if I include "<br>" between "Maui" and "Tradewinds", then both words are displayed, on separate lines. I've no clue as to what caused this change, and I'm an amateur at coding.  Perhaps this is related to Apples' recent release of iOS 8,  which I have just installed on my iPad and iPhone.  In any event, the issue seems related to the size of the Info Window.  If I can make the window wider, I believe the entire text will be displayed with iOS devices.  

Please advise how to control the size of the Info Window.
0
Comment
Question by:ddantes
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 43

Accepted Solution

by:
Rob earned 2000 total points
ID: 40512127
It's to do with the width of the element and the overflow settings:

<div style="overflow: auto; width: 98px; height: 24px;">
    <div class="" style="overflow: hidden;width: 100px;">Maui Tradewinds</div>
</div>

change this to

<div style="overflow: hidden; width: 100px; height: 24px;">
    <div class="" style="overflow: hidden;width: 100px;">Maui Tradewinds</div>
</div>
0
 

Author Comment

by:ddantes
ID: 40512137
That did it.  Thanks!
0

Featured Post

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
How to take pictures with depth using iOS 10
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: blockā€¦
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question