google maps форматирование текста подсказки маркера на несколько строк - PullRequest
Новая
       44

google maps форматирование текста подсказки маркера на несколько строк

5 голосов
/ 26 июля 2011

Как вставить новую строку в текст всплывающей подсказки.Я использую \n, который, похоже, не работает.

См. Код ниже: 

mark = new google.maps.Marker({          
        map: map,             
        position: center,
        title:inspStates[i].name+ "\n"+"total: "+inspStates[i].totalInsp+ "\n"+ info,
        zIndex:3
});

Ответы [ 5 ]

7 голосов
/ 25 июня 2016

Используйте одинарные кавычки ('') вместо двойных кавычек (""), это будет работать, как этот код 

mark = new google.maps.Marker({          
            map: map,             
            position: center,
            title:inspStates[i].name+ '\n total: '+inspStates[i].totalInsp+ '\n'+ info,
            zIndex:3
    });
5 голосов
/ 02 апреля 2014

При использовании маркера многострочный текст должен быть в content, а не title.Также вместо \n вы должны использовать html's <br/>

3 голосов
/ 10 июля 2015

Я использую \\ n, и это похоже на работу.

1 голос
/ 27 июля 2011

Я использовал настроенный Google InfoBox вместо всплывающей подсказки, и он правильно отформатирован см. здесь: http://google -maps-utility-library-v3.googlecode.com / svn / trunk / infobox / docs / examples.html

0 голосов
/ 09 января 2018

Если вы используете FireFox, я не думаю, что есть простой способ.Проблема объясняется блестящей простотой здесь одним Блейком Стивенсом:

Цитата:

Заголовок, автоматически генерируемый при наведении на маркер, на самом делестандартный атрибут заголовка HTML, который работает так же, как атрибут alt tag на изображении.Нелегко получить несколько строк на одной, так как браузеры сами решают, когда начинать перенос строки (поэтому очень длинные альтернативные тексты и заголовки могут быть читаемыми, они переносятся).Я не верю, что можно принудительно вставить разрыв строки.

Тем не менее, это не мешает вам вообще обойти общий текст заголовка и создать свой собственный, который полностью поддерживает стилизацию.Вы можете прикрепить четное к маркеру для события mouseover и сгенерировать тег div, заполненный вашим контентом, который следует за мышью;удаление / уничтожение / сокрытие себя при возникновении события mouseout.Мне кажется, это самый надежный способ.

...