Я хочу применить эффекты складывания бумаги для карты g с использованием широты и долготы. при наведении указателя мыши разверните карту, в противном случае сверните карту.

jquery html css google-maps
1
mohan 1 Сен 2014 в 10:11
Ссылка не работает
 – 
paulitto
1 Сен 2014 в 14:45
Тогда посмотрите их исходный код.
 – 
hennes
4 Сен 2014 в 11:34
Вроде срабатывает изредка. Пришлось попробовать дважды.
 – 
hennes
4 Сен 2014 в 11:35
Возможный дубликат Google Maps - эффект свернутой бумаги, как?
 – 
Praveen
4 Сен 2014 в 11:50
В основном карты Google заключены в div. Сгибание и разворачивание происходит с div. Вот руководство codepen.io/boxabrain/pen/Hhugb
 – 
Praveen
4 Сен 2014 в 11:54

1 ответ

Лучший ответ

Вы можете динамически создать статическую карту, которая будет дублировать масштабирование / центр или даже маркеры обычной карты Google и выполнять все преобразования css с ее помощью в mouseenter / mouseleave .

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

Вот демонстрация, чтобы показать идею

2
paulitto 12 Сен 2014 в 12:32

Похожие вопросы

18 Где я должен поместить теги <script> в разметку HTML?
14 Как отключить масштабирование колеса прокрутки мыши с помощью Google Maps API
13 Google Maps JS API v3 - пример использования нескольких маркеров
25 Как превратить курсор в руку, когда пользователь наводит курсор на элемент списка?
31 Переходы в свойстве отображения CSS
32 Как установить значение по умолчанию для элемента HTML <select>?
17 Как удалить стиль, добавленный с помощью функции .css ()?
25 Кеширует ли Safari на iOS 6 результаты $ .ajax?
31 Масштабирование шрифта в зависимости от ширины контейнера
25 вертикальное выравнивание с помощью Bootstrap 3

Связанные вопросы

1 Карты Google - эффект сложенной бумаги, как?
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

1 Веб-сайт Wordpress не обновляется с изменениями в файле Javascript
1 Загрузка по динамически сгенерированной ссылке без использования <a download>
1 Можно увидеть ответ только при использовании e.preventDefault().
2 Программа чтения с экрана не читает состояние родительского элемента
1 Как вызвать событие карты в другом обработчике событий?
1 Ориентация на дочерние элементы, принадлежащие определенному классу, с помощью селектора JQuery: nth-child(n)
2 Получить идентификатор строки в JavaScript
2 Проверить строковые данные на основе пользовательских ??? и суммировать условия и вернуть true false в php
2 Как добавить стиль внутри элемента заголовка iframe с помощью jquery?
2 Как повторно использовать правила проверки Laravel во всех внешних запросах API? (не только формы)
Все вопросы по теме jquery >

jquery

jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript.  jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.

Подробнее про jquery...