Можно ли наложить SVG-файл с прозрачным фоном поверх карты Google?

#google-maps #svg

#google-карты #svg

Вопрос:

Можно ли наложить SVG-изображение поверх карты с помощью библиотеки, подобной d3, вместо использования полилинейного API Google Map?

Есть ли какие-либо примеры этого в дикой природе?

Комментарии:

1. Извините, это плохой вопрос, но кто-нибудь может сказать мне, почему?

Ответ №1:

Да, конечно, это возможно. Что касается любых примеров в дикой природе, у Google есть пример создания пользовательского наложения с использованием изображения. Если вы хотите использовать SVG или даже Canvas, то на самом деле нет никакой разницы, вы можете манипулировать DOM любым удобным вам способом 🙂

Комментарии:

1. Но если пользователь захочет переместить карту Google, которая была под слоем SVG, будет ли это немного сложнее?

2. Я не понимаю, почему. Z-индекс отлично обрабатывается Googles API, если вы посмотрите на DOM, плитки организованы так, чтобы обеспечить взаимодействие с картой.

Ответ №2:

Некоторое время это невозможно из-за ошибки в GoogleMaps. Если SVG большой (автомобильный маршрут), svg исчезает при некотором уровне масштабирования в некоторых браузерах (а именно Opera 12 и iPad Safari). Полилиния отлично работает во всех браузерах, и тот же SVG с одинаковым масштабированием отлично работает при тестировании вне GoogleMaps.