• 0
afors

Label у маркера GMaps смещён в сторону

Вопрос

Использую JS в проекте, создаю карту, добавляю маркер, указываю Label, Title маркера. Все отображается, но Label маркера смещен влево. Я не особый знаток JavaScript. Видимо что-то упускаю. Подскажите что я не так сделал?

Код проекта прилагаю.

Delphi 10.1 Berlin (Upd 2), OS: Windows 7x64

AddMarker.rar

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

9 ответов на этот вопрос

  • 0

У меня и карта не открывается, пишет "C:\Ruslan\Test\Android\AWSome\AddMarker".

Почему не используете компонент MapView?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
6 минут назад, Rusland сказал:

У меня и карта не открывается, пишет "C:\Ruslan\Test\Android\AWSome\AddMarker".

Почему не используете компонент MapView?

API прописали?

Может я ошибаюсь, но был уверен, что MapView не для Windows-платформ. По крайней мере так было раньше. И все-таки, MapView работает на Windows?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

API не прописывал... лень искать.

Верно, TMapView в Windows не работает... забыл об этом

Изменено пользователем Rusland

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Тогда вопрос с Label  остается открытым

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Странно, в jsfiddle.net Label ложиться прямо на маркер.

GM.thumb.png.52f30afac2ebf542c74acc051e1029a7.png

Можно наверное через css выравнивать... Но я бы посоветовал воспользоваться готовой библиотекой leaflet

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Только что, Rusland сказал:

Странно, в jsfiddle.net Label ложиться прямо на маркер.

GM.thumb.png.52f30afac2ebf542c74acc051e1029a7.png

Можно наверное через css выравнивать... Но я бы посоветовал воспользоваться готовой библиотекой leaflet

Да, я забыл об этом написать...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Rusland"Можно наверное через css выравнивать... Но я бы посоветовал воспользоваться готовой библиотекой leaflet"

Можно подробнее о библиотеке leaflet, источник, мануал. В интернете много "leaflet" не в тему.
Пока пользуюсь "топором": загружаю готовые PNG-маркеры с надписью с сайта:
...
'  icon: '+ Chr(39)+'мой сайт/car-01.png'+Chr(39)+','+
...
 Но это плохой стиль.
 
Вопрос еще актуален, прошу помощи...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
10 часов назад, afors сказал:

'  icon: '+ Chr(39)+'мой сайт/car-01.png'+Chr(39)+','+

кстати заметил у тебя Chr(39), это не нужно делать достаточно продублировать апостроф

'  icon: ''мой сайт/car-01.png'','

и будет вот так

---------------------------
Project1
---------------------------
  icon: 'мой сайт/car-01.png',
---------------------------
ОК   
---------------------------

@afors клац

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

leaflet.js - очень несложная и хорошо документированная библиотека. на офсайте есть и готовые примеры для старта и справочник по остальным фишкам

по поводу апострофов - пользуйтесь тем, что в JS есть еще кавычки, тогда 

' icon: "mysite/myimage.png",'+

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу