Показать булавки карты на пользовательском изображении карты

Question

У меня на сайте в настоящее время есть карта, на которой показано много булавок на карте Google. Это обусловлено базой данных латов / длинных предметов.

В моем случае карта Google является излишней, в идеале я бы получил хорошее контурное изображение моей страны (Великобритания) и нанес бы булавки прямо на нее. Это просто, чтобы показать «покрытие».

Кто-нибудь знает хороший подход к этому?

Answer 1

Вы можете использовать холст для нанесения точек на изображение, но это, вероятно, будет более проблематичным, чем использование Google Maps. Вам нужно будет найти способ преобразовать данные широты и долготы в координаты пикселей x, y.

Что бы я сделал, это сшить контурное изображение с картой Google, затем вы можете использовать методы OverlayView от Google, чтобы построить точки в правильном месте.

У Google есть пример этого в справочнике API здесь .

Вы можете отключить все инструменты навигации на карте и создать статичное изображение на своей странице, но при этом сможете добавлять новые точки позже, если это необходимо.