Как добавить текст поверх карты Google, чтобы текст не перемещался при панорамировании - PullRequest
Новая
       23

Как добавить текст поверх карты Google, чтобы текст не перемещался при панорамировании

0 голосов
/ 11 апреля 2011

Я работаю над приложением HTML5, предназначенным для запуска карты Google, которая занимает весь экран мобильного телефона. Ради простой отладки и, возможно, позже для законных информационных целей, я хотел бы расположить некоторый текст в правом нижнем углу карты, который сообщает некоторую информацию, такую ​​как текущая широта / долгота пользователя. Я просмотрел v3 API, и, насколько мне известно, там нет ничего, чтобы сделать это. Есть ли какое-нибудь решение, которое позволило бы это сделать?

Ответы [ 2 ]

4 голосов
/ 03 мая 2011

Довольно просто на самом деле.Добавьте div в качестве элемента управления.Определите пустой div в любом месте вашего HTML.Добавьте его в качестве элемента управления, и приложение Maps высосет его на экран карты.Затем напишите в нее любые функции DOM, которые вы пожелаете. 

<div id="debug"></div>

-- code goes here --

var x = document.getElementById("debug");
mapName.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(x);

-- code goes here --

$("#debug").html("debugging info")

Надеюсь, этого достаточно, чтобы донести идею.

В моем примере я поместил ее в RIGHT_BOTTOM.Другие варианты здесь .

Пропустить

1 голос
/ 11 апреля 2011

Это может быть слишком много работы для реализации наложения.В целях отладки лучше использовать параметры ведения журнала консоли FireBug (или аналогичного инструмента).Что касается достоверной информации, если она гео-специфична, вы можете использовать InfoWindow .

Если данные не гео-специфичны, вероятно, ее лучше всего отображать за пределами карты (выможет изменить его размер до <100%).Надеюсь, это поможет. </p>

...