Solved

Resizing a Google Map Info Window

Posted on 2014-12-21
2
453 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 500 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Short answer to this question: there is no effective WiFi manager in iOS devices as seen in Windows WiFi or Macbook OSx WiFi management, but this article will try and provide some amicable solutions to better suite your needs.
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
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…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

734 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